/**
* Importing necessary  Styles.
**/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Source+Sans+Pro:300,400,600,700');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/bootstrap.css');
/*----bootstrap Select ----- */
@import url('../vendor/bootstrap-select/dist/css/bootstrap-select.css');
/*----revolution-slider---*/
@import url('../vendor/revolution/settings.css');
@import url('../vendor/revolution/layers.css');
@import url('../vendor/revolution/navigation.css');
/*-------fancy box --------*/
@import url('../vendor/fancy-box/jquery.fancybox.css');
/*------- menu ------*/
@import url('../vendor/menu/dist/css/slimmenu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');
/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate.css');
/*--------- flat-icon ---------*/
@import url('../fonts/icon/font/flaticon.css');
/*-------Hover Css --------*/
@import url('../vendor/hover.css');

/*** 

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  overflow: hidden;
}
#loader {
  background: url(../images/1.gif);
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -32px auto 0 auto;
}
/*==================== Click Top ====================*/
.scroll-top {
  width:40px;
  height:40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  text-align: center;
  color:#fff;
  background: #ffc323;
  font-size: 28px;
  display: none;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
/* --------------------- Global stlye --------------------*/
.news_box img{/* width:100%; */max-height: 130px;/* margin: 0 auto; */}

@font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  color:rgba(0,0,0,0.6);
  font-size: 16px;
  line-height: 28px;
  position: relative;
}
body .main-page-wrapper {overflow-x:hidden;} 
.seo-theme a {font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
h2 {font-size: 42px; color:#323232;}
h3 {font-size: 36px; color:#393939;}
h4 {font-size: 28px; color:#393939;}
h5 {font-size: 22px; color:#393939;}
h6 {font-size: 18px; color:rgba(0,0,0,0.6);font-weight: 500;}
h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
ul {list-style-type: none;}
a {text-decoration: none; display: inline-block;color:rgba(0,0,0,0.6)}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%;display: block;/* margin: 0 auto; */vertical-align: top;}
button {border:none;outline: none;box-shadow: none;display: block; padding: 0;}
input,textarea {outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.float-left {float:left;/* max-width: 40%; */}
.float-right {float:right;}
.round-border {border-radius: 50%;}
.m-top0 {margin-top: 0 !important;}
.m-bottom0 {margin-bottom: 0 !important;}
.fancybox-skin {padding: 5px !important;}
 .logo a .logoImg {width:200px}
 
/* ------------------------------ Button Style -------------------*/
.button-one,.button-two,.button-three,.button-four,.button-five {
  font-family: 'Roboto', sans-serif;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  color: #fff;
}
.btn_four{ border-radius:5px;}
.button-one,.button-three,.button-four,.button-five,.button-six {line-height: 50px;}
.button-four2{ line-height:30px;}
.button-one {width: 165px;}
.button-two {width: 150px;line-height: 45px;}
.button-three {width: 230px;}
.button-four {/* width: 100px; */}
.button-five {width: 200px;}
.button-six {
  width: 210px;
  border-radius: 30px;
  color: #fff;
  position: relative;
  padding-left: 30px;
}
.button-six i {
  line-height: 50px;
  border-radius: 0 30px 30px 0;
  border-left:1px solid #e8bd37;
  float:right;
  width: 50px;
  font-size: 20px;
  text-align: center;
}
.button-six:hover {color: #fff;}
body .button-seven {
  width: 205px;
  line-height: 55px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
/* ------------------------- Color Css --------------------*/
.se-p-color,.seo-header .top-header .left-side ul li a:hover,.seo-header .top-header .right-side ul li a:hover,.seo-theme .our-project .single-project .hover a:hover,.seo-theme .theme-inner-banner ul li a:hover,
.shop-sidebar .shop-popular-product ul li:hover .name h6 a,.seo-theme .seo-sidebar .call-us a:hover {
  color: #3e60c2;
}

.se-p-bg-color,.seo-theme .theme-main-menu .right-content a:hover,.seo-theme .theme-main-menu .right-content #search-button:hover,.seo-theme .our-service .seo-title-one a:hover,.seo-theme .latest-blog .seo-title-one a:hover,
.seo-theme .theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box h6:before,.seo-theme .blog-inner-page .page-pagination li a:hover,
.seo-theme .theme-blog-large-sideOne .comment-area .single-comment button:hover,.shop-sidebar .search button,.shop-details .review-tab .nav-tabs > li.active > a,.shop-details .review-tab .nav-tabs > li.active > a:hover,
.shop-details .review-tab .nav-tabs > li.active > a:focus,.shop-page .bootstrap-select.btn-group .dropdown-menu li.selected a,.shop-page .bootstrap-select.btn-group .dropdown-menu li:hover a,.shop-pagination li a:hover,
.shop-pagination li.active a,.shop-details .single-product-details .product-order-details .clearfix a:hover,.shop-details .single-product-details .product-order-details .clearfix ul li button:hover {
  background: #3e60c2;
}
.seo-theme .theme-main-menu .right-content a:hover,.seo-theme .theme-main-menu .right-content #search-button:hover,.seo-theme .our-project .single-project .hover a:hover,.seo-theme .theme-blog-large-sideOne .leave-reply form textarea:focus,
.seo-theme .theme-blog-large-sideOne .leave-reply form input:focus,.seo-theme .theme-contact-page-styleOne .contact-us-form form input:focus,.seo-theme .theme-contact-page-styleOne .contact-us-form form textarea:focus {
  border-color: #3e60c2;
  border-style: solid;
}
.se-s-color,.seo-theme .theme-main-menu .right-content a,.seo-theme .our-service .single-service:hover h5 a,.seo-theme .our-project .mixitUp-menu li:hover,.seo-theme .our-project .mixitUp-menu li.active,
.seo-theme .latest-blog .single-blog .post .post-tag ul li a:hover,.seo-theme .latest-blog .single-blog .post .post-tag ul li a:hover i,.seo-theme .latest-blog .single-blog:hover .post h5 a:first-child,
.seo-theme .latest-blog .single-blog:hover .post h4 a,.seo-theme .bottom-footer-banner .button-five:hover,.default-footer.seo-footer .top-footer .footer-list ul li a:hover,.seo-theme .seo-sidebar .wrapper ul li a:hover,
.default-footer.seo-footer .top-footer .footer-latest-news .single-news:hover h5 a,.theme-team-style-one .single-team-member:hover .title h6 a,.seo-theme .our-service.style-two .single-service:hover .more,
.seo-theme .service-large-sidebar .image-content .right-side ul li:before,.seo-theme .service-large-sidebar .service-middle-text .list i,.seo-theme .seo-sidebar .brochure a:hover,
.seo-theme .theme-blog-sidebarOne .sidebar-categories ul li a:hover,.seo-theme .theme-blog-sidebarOne .sidebar-recent-news ul li:hover .post h6 a,.seo-theme .blog-details .single-blog .post .post-tag ul li a,
.seo-theme .theme-contact-page-styleOne .contact-us-form form button:hover,.seo-theme .theme-contact-page-styleOne .contactUs-address .single-address .icon,.shop-sidebar .sidebar-shop-categories ul li a:hover,
#mega-menu-holder>ul> li.active> a,#mega-menu-holder li.active .sub-toggle,.shop-details .single-product-details .product-order-details .price li:first-child {
  color: #ffc323;
}
.se-s-bg-color,#banner .tp-caption a:hover,.seo-theme .short-banner a:hover,.seo-theme .pricing-plan .single-price-table:hover,.default-footer.seo-footer .bottom-footer ul li a:hover,
.theme-team-style-one .single-team-member .title ul li a:hover,.seo-theme .theme-blog-sidebarOne .sidebar-keywords ul li a:hover,.seo-theme .theme-blog-large-sideOne .leave-reply form button:hover,
.seo-theme .error-page a:hover,#mega-menu-holder ul.dropdown li a:hover,.seo-theme .pricing-plan .single-price-table.active {
  background: #ffc323;
}
.seo-theme .theme-main-menu .right-content a,.seo-theme .short-banner a:hover,.seo-theme .company-goal .single-goal:hover .img-icon:before,.seo-theme .our-project .mixitUp-menu li.active,
.seo-theme .our-project .mixitUp-menu li:hover,.default-footer.seo-footer .bottom-footer ul li a:hover,.theme-team-style-one .single-team-member .title ul li a:hover,
.seo-theme .theme-blog-sidebarOne .sidebar-keywords ul li a:hover {
  border-color: #ffc323;
  border-style: solid;
}
/* ------------------------ Transition ----------------------*/
.tran3s,.button-one,.button-two,.button-three,.button-four,.button-five,.button-six,.button-six i,body .button-seven,
.dropdown-menu > li > a,.hesperiden.tparrows,.owl-theme .owl-nav [class*=owl-],.panel-group .panel-heading a:before,.seo-theme .company-goal .single-goal .img-icon:before,
.owl-theme .owl-dots .owl-dot span,.owl-theme .owl-dots .owl-dot span:before,.ollo-details-page-one .ollo-sidebar-one .ollo-sidebarlist ul li a i {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.tran4s,.shop-details .single-product-details .product-order-details .clearfix ul li button {
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.tran5s,.seo-theme .our-service .single-service img {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.tran6s,.img img {
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
/* ---------------------------- Theme Title -----------------------*/

.seo-title-one {position: relative;}
.seo-title-one h2 {
  font-weight: 900;
  margin-bottom: 14px;
}
.seo-title-one h6 {font-weight: normal; line-height: 28px;}
/* ------------------------------------ Header -------------------------------*/
#searchWrapper {
  position: fixed;
  top:0;
  right: 0;
  bottom: 0;
  left:0;
  background: rgba(255,255,255,0.95);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}
#searchWrapper.show-box {
  opacity: 1;
  visibility: visible;
}
#searchWrapper .container {
  height: 100%;
}
#searchWrapper img {
  margin:0 auto;
  position: relative;
  top:20%;
}
#searchWrapper form {
  position: relative;
  top:40%;
  height: 70px;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
#searchWrapper form input {
  height: 100%;
  width: 100%;
  border: 1px solid rgba(0,0,0,0.09);
  border-radius: 5px;
  padding: 0 95px 0 20px;
  background: transparent;
  font-size: 20px;
}
#searchWrapper form input:focus {
  -webkit-box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
-moz-box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
}
#searchWrapper form button {
  position: absolute;
  top:0;
  right: 0;
  width: 90px;
  height: 100%;
  position: absolute;
  font-size: 20px;
  color:#fff;
  border-radius: 0 5px 5px 0;
}
#searchWrapper #close-button {
  position: absolute;
  top:20px;
  right: 20px;
  width: 60px;
  height: 60px;
  font-size: 35px;
  background: transparent;
}
.seo-header .top-header ul li {display: inline-block;}
.seo-header .top-header .left-side ul li a {
  margin: 0 5px;
  font-size: 16px;
}
.seo-header .top-header .left-side ul li {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 15px;px
  color: #393939;
  margin-right: 5px;
}
.seo-header .top-header .right-side ul li {
  border-left: 1px solid #f6f6f6;
  padding: 0 11px 0 11px;
}
.seo-header .top-header .right-side ul li:last-child {border-right: 1px solid #f6f6f6;}
.seo-header .top-header .right-side ul li a {
  font-size: 15px;
  color:#999;
}
.seo-header .top-header .right-side ul li a i {
  margin-right: 8px;
  color: #dbd9d9;
  font-size: 18px;
  vertical-align: middle;
}
.seo-header .top-header {border-bottom: 1px solid #f6f6f6;/* margin-top:10px; */}
/* ------------------------------------ Theme Menu -------------------------------*/
.seo-theme .theme-main-menu {
  position: relative;
  z-index: 9;
  box-shadow: 0px 5px 12px 0px rgba(97, 97, 97, 0.05);
}
.seo-theme .theme-main-menu .right-content #search-button {
  width: 45px;
  height: 45px;
  border: 1px solid #e1e1e1;
  color: #c4c4c4;
  background: transparent;
  display: inline-block;
  margin-left: 15px;
}
.seo-theme .theme-main-menu .right-content #search-button:hover {color: #fff;}
.seo-theme .theme-main-menu .right-content a {
  line-height: 35px;
  border-width: 2px;
  /* font-weight: 700; */
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 10px;
  padding: 0 6px;
}
		.swiper_wrap{
			position: relative;
			width: 400px;
			height: 30px;
			overflow: hidden;
			max-width: 100%;
			background:url(../images/home/gg.png) no-repeat center left;
			margin: 0 auto;
		}
		.swiper_wrap .font_inner{
			position: relative;
			top: 0;
			left: 0;
			/* float: right; */
			color: #444;
			font-size: 14px;
			margin-top: 1px;
		}
	.swiper_wrap .font_inner li{
			height:30px;
			line-height: 30px;
			padding-left: 24px;
			text-align: left;
			width: 100%;
			display:inherit !important;
			/* overflow:hidden; */
			/* white-space: nowrap; */
			/* text-overflow: ellipsis; */
		}.font_inner li a p{

overflow:hidden;

white-space: nowrap;

text-overflow: ellipsis;

width: 380px;
}
		 .swiper_wrap .font_inner a{
			color: #444;
		}
		 .swiper_wrap a:hover{
			color: #FA9101;
	}
.FriendshipLink {
        /*text-align: justify;*/
        line-height:15px
}
.FriendshipLink  span {
    font-size: 14px;
        color: #9E9E9E;
    font-weight: 600;
}
.FriendshipLink  a {
    color: #575f8e;
    margin: 0 2px;
    font-size: 12px;
}
.seo-theme .theme-main-menu .right-content a:hover {color: #fff;}
.seo-theme .theme-main-menu {padding-top: 36px; padding-bottom:10px;}
#mega-menu-holder li>ul.dropdown {border-top:1px solid #fbc22a;}
.header-style-two .theme-main-menu {box-shadow: none;}
/*================= Sticky Menu ===============*/
@-webkit-keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
.theme-main-menu.fixed {
  position: fixed;
  width:100%;
  top:0;
  left:0;
  z-index: 999;
  background: #fff;
  padding-top: 15px;
  margin:0;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.15);
  box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.15);
  -webkit-animation: menu_sticky  0.70s ease-in-out;
  animation: menu_sticky  0.70s ease-in-out;
}
.theme-main-menu.fixed #mega-menu-holder>ul> li> a {padding-bottom: 30px;}
/* ---------------------------------- Theme Main Banner ----------------------------- */
 

#banner .tp-caption p {
  font-size: 18px;
  color: #8a8a8a;
  line-height: 32px;
  width:50%;
}
.sildeTitle {
    color: rgb(34, 34, 34);
    font-size: 65px;
    font-weight: 900;
    line-height: 70px;
    width: 50%;}
#banner .tp-caption a {
  border: none;
  width: 155px;
  color: #222222;
  background: #ffc323;
  font-size: 16px;
}
#banner #seo-main-banner-two .tp-caption a {border:1px solid rgba(0,0,0,0.1);}
#banner .tp-caption a:hover {color: #fff;}
/* -------------------------- SEO Short Banner --------------------------- */
.seo-theme .short-banner {
  padding: 40px 0;
  margin-bottom: 85px;
}
.seo-theme .short-banner h4 {
  color: #fff;
  margin-top: 10px;
}
.seo-theme .short-banner a {
  width: 140px;
  line-height: 46px;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
/* ------------------------------ Theme Pricing Plan --------------------------*/
.seo-theme .pricing-plan {
  display:none;
  border-bottom: 1px solid #f3f3f3;
}
.seo-theme .pricing-plan2{ display:block; background:#f7f7f7; padding-top:50px; padding-bottom:100px; margin-top:100px;}
.seo-theme .pricing-plan .single-price-table {
  float:left;
  width: 25%;
  text-align: center;
  border-radius: 5px;
  position: relative;
  z-index: 9;
  overflow: hidden;
  margin-top: 50px;
  padding: 50px 0 50px 0;
  background:#e1e1e1;
}
.seo-theme .pricing-plan .single-price-table2{ width:22%; margin-right:4%; background:white;}
.seo-theme .pricing-plan .single-price-table2:last-child{ margin-right:0;}


.seo-theme .pricing-plan .single-price-table:last-child {border:none;}
.seo-theme .pricing-plan .single-price-table>span {
  font-size: 14px;
  font-weight: 700;
  color: rgba(33,33,33,0.5);
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.seo-theme .pricing-plan .single-price-table h2 {
  font-size: 64px;
  font-weight: 700;
  margin: -4px 0 25px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
}
.seo-theme .pricing-plan .single-price-table h2 sub {
  font-size: 33px;
  font-weight: normal;
  bottom: 0;
}
.seo-theme .pricing-plan .single-price-table h2 span {
  font-size: 33px;
  font-weight: normal;
  display: inline-block;
  margin-left: -12px;
}
.seo-theme .pricing-plan .single-price-table h2 span strong {
  font-size: 12px;
  font-weight: 900;
  display: block;
  text-transform: uppercase;
}
.seo-theme .pricing-plan .single-price-table ul li {line-height: 30px;}
.seo-theme .pricing-plan .single-price-table a {
  width: 140px;
  line-height: 43px;
  border: 2px solid #d8d8d8;
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  color: #525252;
  margin-top: 28px;
}
.seo-theme .pricing-plan .single-price-table img {
  position: absolute;
  top:0;
  left:50%;
  transform:translateX(-50%) translateY(-100%);
  z-index: -1;
}
.seo-theme .pricing-plan .single-price-table:hover img,
.seo-theme .pricing-plan .single-price-table.active img {
  transform:translateX(-50%) translateY(0);
}
.seo-theme .pricing-plan .single-price-table:hover>span,
.seo-theme .pricing-plan .single-price-table:hover h2,
.seo-theme .pricing-plan .single-price-table:hover ul,
.seo-theme .pricing-plan .single-price-table:hover a,
.seo-theme .pricing-plan .single-price-table.active>span,
.seo-theme .pricing-plan .single-price-table.active h2,
.seo-theme .pricing-plan .single-price-table.active ul,
.seo-theme .pricing-plan .single-price-table.active a {
  color: #fff;
}
.seo-theme .pricing-plan .single-price-table:hover a,
.seo-theme .pricing-plan .single-price-table.active a {border-color: #fff;}
.seo-theme .pricing-plan .single-price-table:hover h2,
.seo-theme .pricing-plan .single-price-table.active h2 {border-color: transparent;}
/* ------------------------------ Theme Client Slider --------------------------*/
.seo-theme .client-slider {
  background: url(../images/home/bg.jpg) no-repeat center;
  background-size: cover;
  padding: 80px 0 65px 0;
  margin-bottom: 100px;
}
.seo-theme .client-slider h2 {font-weight: 900;}
.seo-theme .client-slider .sldier-wrapper {
  padding:70px 45px 0 45px;
  margin: 0 -22px;
}
.seo-theme .client-slider .seo-client-slider .item {margin:0 22px;}
.seo-theme .client-slider .seo-client-slider .item .clearfix {
  background:#fff;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  padding: 45px 30px 40px 40px;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix img {
  width: 70px;
  height: 70px;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix .text {
  width: calc(100% - 70px);
  padding-left: 22px;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix .text h5 {
  font-weight: 700;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix .text span {
  display: block;
  margin: 0 0 10px 0;
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  background: #3e60c2;
  border: none;
  position: relative;
  margin-top: 50px;
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot span:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  top:-5px;
  right: -5px;
  bottom: -5px;
  left:-5px;
  background: rgba(62,96,194,0);
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot.active span,
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot:hover span {
  background: #3e60c2;
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot.active span:before,
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot:hover span:before {
  background: rgba(62,96,194,0.3);
}
/*--------------------------- SEO Compay Goal ---------------------*/
.seo-theme .company-goal {
  background: #f7f7f7;
  padding: 75px 0 35px 0;

}
.seo-theme .company-goal h2 {
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 115px;
}
.seo-theme .company-goal h1 {
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 115px;
}
.seo-theme .company-goal .single-goal {
  position: relative;
  background: #fff;
  padding: 85px 30px 45px 30px;
  border-radius: 5px;
  margin-bottom: 85px;
  height:280px;
}
.seo-theme .company-goal .single-goal h5 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
}
.seo-theme .company-goal .single-goal .img-icon {
  border:5px solid #fff;
  position: absolute;
  top:-55px;
  left:50%;
  margin-left: -55px;
  z-index: 1;
}
.seo-theme .company-goal .single-goal .img-icon:before {
  content: '';
  position: absolute;
  left:-4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
  border:5px solid #fff;
}
/*--------------------------- Welocome To SEO ---------------------*/
.seo-theme .welcome-seo .wrapper {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 100px;
  margin-bottom: 80px;
}
.seo-theme .welcome-seo .text h2 {
  font-weight: 700;
  line-height: 50px;
}
.seo-theme .welcome-seo .text span {
  font-size: 20px;
  font-weight: 400;
  display: block;
  margin: 8px 0 20px 0;
}
.seo-theme .welcome-seo .text ul li {
  float: left;
  width: 50%;
  padding-left: 58px;
  position: relative;
  margin-top: 45px;
}
.seo-theme .welcome-seo .text ul li h6 {
  color: #393939;
  margin-bottom: 2px;
}
.seo-theme .welcome-seo .text ul li i {
  position: absolute;
  top:6px;
  left:0;
  font-size: 45px;
  color: #ffc323;
}
/*--------------------------- SEO Counter ---------------------*/
.seo-theme .seo-counter {
  background: url(../images/home/8.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  margin: 20px 0 110px 0;
}
.seo-theme .seo-counter:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background: rgba(255,195,35,0.9);
  z-index: 1;
}
.seo-theme .seo-counter .main-content {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
}
.seo-theme .seo-counter img {width: 100%;}
.seo-theme .seo-counter .single-box .number {
  font-weight: 900;
  font-size: 60px;
  color: #fff;
}
.seo-theme .seo-counter .single-box p {
  font-size: 20px;
  color: #fff;
}
.seo-theme .seo-counter .single-box {
  text-align: center;
  position: relative;
}
.seo-theme .seo-counter .single-box:after {

  content: '';
  width: 1px;
  height: 120px;
  background: #fff;
  position: absolute;
  right: -15px;
  top:6px;
}
.seo-theme .seo-counter .single-box.border-fix:after {display: none;}
/* ---------------------------- Bottom Footer Banner  ------------------------*/
.bottom-footer-banner {padding: 35px 0;}
.bottom-footer-banner h3 {
  font-size: 38px;
  font-weight: 500;
  color: #fff;
  margin-top: 8px;
}
.bottom-footer-banner .button-five {
  line-height: 46px;
  font-size: 15px;
  font-weight: 500;
  border-width: 2px;
  color: #fff;
  border-color: #fff;
  width: 175px;
  text-transform: uppercase;
}
.seo-theme .bottom-footer-banner .button-five:hover {background: #fff;}
/*------------------------------- Partner Logo ------------------------*/
#partner-logo .item img {margin: 0 auto;}
.seo-theme .partners-section {border-top: 1px solid #ececec;}
.partners-section:hover{ cursor:w-resize;}
.seo-theme #partner-logo {padding: 60px 0;}
/* ------------------------------ Theme Footer --------------------------*/
.default-footer {
  padding: 55px 0 0 0;
  position: relative;
  background: url(../images/home/8.jpg) no-repeat center;
  background-size: cover;
  z-index: 1;
}
footer.seo-footer:before {
  content:'';
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(35,52,78,0.97);
  z-index: -1;
}
footer.seo-footer p {font-size: 15px;}
.default-footer .footer-logo p {
  color: rgba(255,255,255,0.6);
  margin-top: -20px;
}
.default-footer .top-footer .footer-list {/* margin: 0 auto; *//* padding-left: 55px; */}
 .col-md-2.col-sm-6.footer-list .left30{
     margin-left:30px;
    }
.default-footer .top-footer h6 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.default-footer .top-footer .footer-list ul li a {
  font-size: 15px;
  color: rgba(255,255,255,0.6);
  margin-bottom: 10px;
  font-weight: normal;
  display: block;
}
.default-footer .top-footer .footer-latest-news {/* padding-left: 85px; */}
.default-footer .top-footer .footer-latest-news .single-news h5 a {
  font-size: 17px;
  line-height: 25px;
  color: #e9e9e9;
}
.default-footer .top-footer .footer-latest-news .single-news span {color: rgba(125,153,195,0.6);}
.default-footer .top-footer .footer-latest-news .single-news {
  margin-bottom: 16px;
}
.default-footer .top-footer .footer-subscribe {/* padding-left: 60px; */}
.default-footer .top-footer .footer-subscribe p {color: rgba(255,255,255,0.6);}
.default-footer .top-footer .footer-subscribe form {
  margin: 40px 0 0 0;
  height: 60px;
  position: relative;
}
.default-footer .top-footer .footer-subscribe form input {
  width: 100%;
  height: 100%;
  border:none;
  background: #fff;
  border-radius: 30px;
  padding: 0 63px 0 30px;
  font-size: 15px;
}
.default-footer .top-footer .footer-subscribe form button {
  position: absolute;
  top:0;
  right: 0;
  height: 100%;
  width: 60px;
  color: #fff;
  border-radius: 0 30px 30px 0;
  font-size: 30px;
}
.default-footer .bottom-footer p {
  color: #c3c3c3;
  line-height: 35px;
}
.default-footer .bottom-footer p a {font-weight: normal;}
.default-footer .bottom-footer ul li {
  display: inline-block;
  margin-left: 5px;
}
.default-footer .bottom-footer ul li a {
  color: #a1a6ad;
  border-color: #394b66;
  width: 35px;
  line-height: 33px;
  border-width: 1px;
  border-style: solid;
  text-align: center;
}
.default-footer.seo-footer .bottom-footer ul li a:hover {color: #fff;}
.default-footer .bottom-footer {/* margin-top: 60px; */padding: 0;}
.default-footer .bottom-footer .wrapper {padding: 015px 0;text-align: center;}
.default-footer.seo-footer .bottom-footer .wrapper {border-top:1px solid #304361;}
/* ---------------------------- Theme Inner Banner ------------------------*/
.seo-theme .theme-inner-banner {
  background: url(../images/inner-page/banner-3.jpg) no-repeat center;
  background-size: cover;
  margin-bottom: 120px;
}
.seo-theme .theme-inner-banner .opacity {
  background: rgba(255,195,25,0.97);
  padding: 55px 0;
  text-align: center;
}
.seo-theme .theme-inner-banner h2 {
  font-weight: 900;
  font-size: 42px;
  color: #fff;

}
.seo-theme .theme-inner-banner ul li {
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  margin: 10px 0 0 5px;
  color: #fff;
  vertical-align: middle;
  text-transform: capitalize;
}
.seo-theme .theme-inner-banner ul li a {
  color: #fff;
  font-weight: normal;
}
/* ---------------------------- Theme Sidebar  ------------------------*/
.seo-theme .seo-sidebar {width: 21.4%;}
.theme-blog-sidebarOne .sidebar-search form {
  height: 55px;
  position: relative;
}
.theme-blog-sidebarOne .sidebar-search form input {
  height: 100%;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #f0f0f0;
  padding: 0 58px 0 25px;
}
.theme-blog-sidebarOne .sidebar-search form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 56px;
  color: #fff;
  border-radius: 0 30px 30px 0;
  font-size: 18px;
}
.theme-blog-sidebarOne h4 {
  font-weight: 500;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 25px;
  margin-top: 65px;
}
.theme-blog-sidebarOne .sidebar-categories ul li a {
  font-weight: 600;
  color: rgba(0,0,0,0.4);
  margin-bottom: 18px;
  display: block;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li img {
  width: 90px;
  border-radius: 5px;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li {
  margin-bottom: 30px;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li .post {
  width: calc(100% - 90px);
  padding-left: 28px;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li .post h6 a {
  line-height: 26px;
  color: #25292f;
}
.theme-blog-sidebarOne .sidebar-keywords ul li {
  display: inline-block;
  margin:0 4px 10px 0;
}
.theme-blog-sidebarOne .sidebar-keywords ul li a {
  line-height: 35px;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  font-weight: normal;
  color: rgba(0,0,0,0.6);
  padding: 0 13px;
}
.seo-theme .seo-sidebar .wrapper {
  background: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 35px;
}
.seo-theme .seo-sidebar .wrapper ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  line-height: 62px;
  border-bottom: 1px solid #e9e9e9;
  padding-left: 46px;
  position: relative;
  display: block;
}
.seo-theme .seo-sidebar .wrapper ul li a:before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top:50%;
  left: 30px;
  margin-top: -3px;
  background: #dcd9d9;
  border-radius: 50%;
}
.seo-theme .seo-sidebar .wrapper ul li:last-child a {
  border: none;
  border-radius: 0 0 5px 5px;
}
.seo-theme .seo-sidebar .wrapper ul li:first-child a {
  border-radius: 5px 5px 0 0;
}
.seo-theme .seo-sidebar .brochure {
  padding: 22px 10px 30px 25px;
}
.seo-theme .seo-sidebar .brochure h5 {font-weight: 500;}
.seo-theme .seo-sidebar .brochure p {
  margin: 10px 0 12px 0;
}
.seo-theme .seo-sidebar .brochure a {
  font-size: 14px;
  font-weight: 700;
  color: #2c2c2c;
  text-transform: uppercase;
  line-height: 30px;
}
.seo-theme .seo-sidebar .brochure a img {margin-right: 14px;display: inline-block;}
.seo-theme .seo-sidebar .call-us {
  padding: 22px 0 30px 0;
  text-align: center;
}
.seo-theme .seo-sidebar .call-us span {
  line-height: 30px;
}
.seo-theme .seo-sidebar .call-us h6 {
  font-weight: 700;
  margin: 10px 0 12px 0;
}
.seo-theme .seo-sidebar .call-us a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  color: rgba(0,0,0,0.8);
}
.seo-theme .theme-large-sidebar {
  padding-left: 60px;
}
.seo-theme .theme-large-sidebar2{width:78.6%;}
.seo-theme .theme-large-sidebar2 p{ padding:10px 0;}
.seo-theme .theme-blog-sidebarOne a {font-family: 'Source Sans Pro', sans-serif;}
.seo-theme .theme-blog-sidebarOne .sidebar-recent-news ul li .post h6 a {font-family: 'Roboto', sans-serif;}
.seo-theme .theme-blog-sidebarOne .sidebar-keywords ul li a:hover {color: #fff;}
/* ---------------------------- Theme Team  ------------------------*/
.theme-team-style-one {margin-bottom: 50px; margin-top:50px;}
.seo-theme .theme-team-style-one .seo-title-one {margin-bottom: 60px;}
.theme-team-style-one .single-team-member {margin: 0 0 70px 0;}
.theme-team-style-one .single-team-member .img,
.theme-team-style-one .single-team-member .img img {
  border-radius: 8px;
  background: transparent;
  width: 100%;
}
.theme-team-style-one .single-team-member .title h6 a {
  color: #393939;
  display: block;
  margin:32px 0 5px 0;
}
.theme-team-style-one .single-team-member .title p {margin: 8px 0 15px 0;}
.theme-team-style-one .single-team-member .title ul li {
  display: inline-block;
}
.theme-team-style-one .single-team-member .title ul li a {
  width: 35px;
  line-height: 33px;
  border:1px solid #e7e7e7;
  text-align: center;
  color: #cfd1d9;
  margin-right: 4px;
}
.theme-team-style-one .single-team-member .title ul li a:hover {
  color: #fff;
}
/* ------------------------------ Theme Project --------------------------*/
.seo-theme .our-project .mixitUp-menu {margin: 50px 0 0px 0;}
.seo-theme .our-project .mixitUp-menu li {
  display: inline-block;
  line-height: 36px;
  border: 2px solid #eaeaea;
  border-radius: 30px;
  padding: 0 26px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 14px;
  margin: 10px 10px;
}
.seo-theme .our-project .row {margin: 0 -10px;}
.seo-theme .our-project .row .mix {
  padding: 0 10px;
  width: 20%;
  float: left;
}
.mix {display: none;}
.seo-theme .our-project .single-project {
  padding: 22px 22px 0 22px;
  position: relative;
}
.seo-theme .our-project .single-project .hover {
  position: absolute;
  top:0;
  right:0;
  bottom: 0;
  left:0;
  text-align: center;
  opacity: 0;
  transform:scale(0.4);
}
.seo-theme .our-project .single-project .hover div {
  position: relative;
  top:50%;
  transform:translateY(-50%);
}
.seo-theme .our-project .single-project:hover .hover {
  opacity: 1;
  transform:scale(1);
}
.seo-theme .our-project .single-project .hover p {font-size: 18px;}
.seo-theme .our-project .single-project .hover h5 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}
.seo-theme .our-project .single-project .hover a {
  width: 35px;
  line-height: 31px;
  border: 2px solid #fff;
  font-weight: 700;
  font-size: 22px;
  color: #fff;
}
.seo-theme .our-project .single-project img {
  width: 100%;
  -webkit-box-shadow: 0px -1px 20px -3px rgba(54,54,54,0.52);
  -moz-box-shadow: 0px -1px 20px -3px rgba(54,54,54,0.52);
  box-shadow: 0px -1px 20px -3px rgba(54,54,54,0.52);
}
.seo-theme .our-project .single-project:hover img {opacity: 0.05;} 
.seo-theme .our-project .single-project.color1 {background: #f6cdcd;}
.seo-theme .our-project .single-project.color2 {background: #d0fbff;}
.seo-theme .our-project .single-project.color3 {background: #f1d5ff;}
.seo-theme .our-project .single-project.color4 {background: #aaf0ae;}
.seo-theme .our-project .single-project.color5 {background: #fbe8b6;}
.seo-theme .our-project .single-project.color6 {background: #1fd2bc;}
.seo-theme .our-project .single-project.color7 {background: #e74b3b;}
.seo-theme .our-project .single-project.color8 {background: #f6861c;}
.seo-theme .our-project .single-project.color9 {background: #00be90;}
.seo-theme .our-project .single-project.color10 {background: #e19e6e;}
.seo-theme .our-project .single-project.color11 {background: #256490;}
.seo-theme .our-project .single-project.color12 {background: #18b6db;}
.seo-theme .our-project .single-project.color13 {background: #ec7666;}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project img,
.seo-theme .our-project.project-v2 #mixitUp-item .single-project img {box-shadow: none;}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project:hover img {opacity: 0.1;} 
.seo-theme .our-project.project-v1 #mixitUp-item .mix {
  width: 25%;
  float: left;
}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project {padding: 0;}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project .hover p,
.seo-theme .our-project.project-v1 #mixitUp-item .single-project .hover h5 {color: #fff;}
.seo-theme .our-project.project-v1 .mixitUp-menu,
.seo-theme .our-project.project-v2 .mixitUp-menu {margin-top: 0;}
.seo-theme .our-project.project-v2 .row {margin: 0 -15px;}
.seo-theme .our-project.project-v2 #mixitUp-item .single-project {margin-bottom: 30px;}
.seo-theme .our-project.project-v2 .row .mix {width: 33.33333333%;padding: 0 15px;}
.seo-theme .our-project.project-v2 {margin-bottom: 80px;}
/* ---------------------------- Theme Project Details  ------------------------*/
.theme-default-project-details .project-large-sidebar .image-gallery {margin: 0 -10px;}
.theme-default-project-details .project-large-sidebar .image-gallery [class*="col-"] {padding: 0 10px; float:left;}
.theme-default-project-details .project-large-sidebar .image-gallery .col-8 {width: 69.4%;}
.theme-default-project-details .project-large-sidebar .image-gallery .col-4 {width: 30.6%;}
.theme-default-project-details .project-large-sidebar .image-gallery [class*="col-"] img {
  margin-bottom: 15px;
}
.theme-default-project-details .project-large-sidebar .top-text h4 {
  font-weight: 700;
  margin: 35px 0 16px 0;
}
.theme-default-project-details .project-large-sidebar .top-text h6 {
  color: #393939;
  line-height: 30px;
  margin-bottom: 20px;
}
.theme-default-project-details .project-large-sidebar .top-text {
  border-bottom: 1px solid #efefef;
  padding-bottom: 40px;
  margin-bottom: 85px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .left-side {width: 43%;}
.theme-default-project-details .project-large-sidebar .bottom-text .left-side img {margin-bottom: 30px;}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side {width: 57%;padding-left: 55px;}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side h4 {
  font-weight: 700;
  margin-bottom: 16px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box {
  position: relative;
  padding-left: 30px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box:before {
  content: '';
  width: 1px;
  height: 73%;
  position: absolute;
  top:10px;
  left:5px;
  background: #eaeaea;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box h6 {
  color: #393939;
  position: relative;
  line-height: 28px;
  margin: 25px 0 10px 0;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box h6:before {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  position: absolute;
  left:-30px;
  top:8px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .single-content {margin-bottom: 60px;}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side>h6 {
  margin: 20px 0 15px 0;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side ul li {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side ul li i {
  margin-right: 12px;
  font-size: 18px;
}
.theme-default-project-details .project-large-sidebar {
  padding-bottom: 50px;
}
/* ------------ SEO Service One --------------*/
.seo-theme .our-service.bg-color {
  background: #fafafa;

}
.seo-theme .our-service .seo-title-one a {
  color: #fff;
  border: none;
  line-height: 45px;
  position: absolute;
  top: 18px;
  right: 0;
}
.seo-theme .our-service .seo-title-one { margin-top:50px; margin-bottom: 55px;}
.seo-theme .our-service .single-service {
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  padding: 40px 30px 35px 105px;
  position: relative;
  margin-bottom: 30px;
}
.seo-theme .our-service .single-service h5 a {
  font-size: 22px;
  color: #222222;
  font-weight: 500;
  display: block;
  margin-bottom: 13px;
}
.seo-theme .our-service .single-service img {
  position: absolute;
  top:43px;
  left:35px;
}
.seo-theme .our-service .single-service:hover img {
  transform:scale(1.1);
}
.seo-theme .our-service .single-service h2 {
  font-size: 45px;
  font-weight: 900;
  color: #21313f;
  position: absolute;
  left:35px;
  bottom: 40px;
}
.seo-theme .our-service .single-service:hover {
  box-shadow: 0px 0px 30px 0px rgba(88, 88, 88, 0.10);
  border-color: #fff;
}
.seo-theme .our-service.m-fix {margin: 100px 0 0 0;}
.seo-theme .our-service.m-fix .single-service img {
  left:25px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
/* ------------ SEO Service Two --------------*/
.seo-theme .our-service.style-two .single-service img {
  border-radius: 50%;
  width: 110px;
  height: 110px;
  top:-55px;
  left:50%;
  margin-left: -55px;
}
.seo-theme .our-service.style-two .single-service:hover img {
  transform:scale(0.95);
}
.seo-theme .our-service.style-two .single-service {
  padding: 78px 30px 32px 30px;
  margin-bottom: 125px;
}
.seo-theme .our-service.style-two .single-service .more {
  font-weight: normal;
  font-size: 15px;
  color: #393939;
  margin-top: 14px;
}
.seo-theme .our-service.style-two .single-service .more i {
  margin-left: 5px;
}
.seo-theme .our-service.style-two .seo-title-one {margin-bottom: 135px;}
            /* ------------- SEO Service Details --------------*/
/*.seo-theme .our-service-details {margin-bottom: 160px;}*/
.seo-theme .service-large-sidebar h4 {font-weight: 700;}
.seo-theme .service-large-sidebar .image-content img {
  width: 51%;
}
.seo-theme .service-large-sidebar .image-content .right-side {
  width: 49%;
  padding-left: 50px;
}
.seo-theme .service-large-sidebar .image-content .right-side span {
  display: block;
  font-weight: 300;
  font-size: 20px;
  margin: 5px 0 15px 0;
}
.seo-theme .service-large-sidebar .image-content .right-side ul {margin-top: 40px;}
.seo-theme .service-large-sidebar .image-content .right-side ul li {
  padding-left: 62px;
  position: relative;
  margin-bottom: 30px;
}
.seo-theme .service-large-sidebar .image-content .right-side ul li:before {
  content: "\f104";
  font-family: "Flaticon";
  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 2px solid #f1f1f1;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left:0;
  top:3px;
}
.seo-theme .service-large-sidebar .image-content .right-side ul li h6 {
  color: #707070;
  font-weight:600;
}
.seo-theme .service-large-sidebar .image-content .right-side ul li p {
  font-size: 15px;
}
.seo-theme .service-large-sidebar .service-middle-text {
  margin: 65px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
}
.seo-theme .service-large-sidebar .service-middle-text h4 {
  margin-bottom: 20px;
}
.seo-theme .service-large-sidebar .service-middle-text .list {
  padding-left: 100px;
  position: relative;
  margin-bottom: 50px;
}
.seo-theme .service-large-sidebar .service-middle-text .list h6 {
  color: #222222;
  margin-bottom: 7px;
}
.seo-theme .service-large-sidebar .service-middle-text .list i {
  width: 75px;
  line-height: 75px;
  border: 1px solid #ececec;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  font-size: 35px;
  left:0;
  top:0;
}
.seo-theme .service-large-sidebar .service-middle-text .row {margin-top: 50px;}
.seo-theme .service-large-sidebar .project-analaysis h4 {margin-bottom: 50px;}
.seo-theme .service-large-sidebar .project-analaysis h4 span {
  font-weight: 300;
  color: #bebebe;
}
.seo-theme .service-large-sidebar .project-analaysis .chart-box {
  width: 180px;
}
.seo-theme .service-large-sidebar .project-analaysis .info {
  width: calc(100% - 180px);
  padding-left: 35px;
}
.seo-theme .service-large-sidebar .project-analaysis .info h2 {
  font-size: 50px;
  font-weight: 900;
}
.seo-theme .service-large-sidebar .project-analaysis .info h2 sub {
  font-weight: normal;
  font-size: 18px;
  bottom: 3px;
}
.seo-theme .service-large-sidebar .project-analaysis .info p {
  font-size: 18px;
  margin: 0 0 22px 0;
}
.seo-theme .service-large-sidebar .project-analaysis .info ul li {
  margin-bottom: 15px;
  padding-left: 25px;
  position: relative;
}
.seo-theme .service-large-sidebar .project-analaysis .info ul li span {
  font-weight: 700;
  color: #5c5b5b;
}
.seo-theme .service-large-sidebar .project-analaysis .info ul li:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top:10px;
  left:0;
}
.seo-theme .service-large-sidebar .project-analaysis .info.infoOne ul li:first-child:before {background: #4e71d5;}
.seo-theme .service-large-sidebar .project-analaysis .info.infoOne ul li:last-child:before {background: #ffc75a;}
.seo-theme .service-large-sidebar .project-analaysis .info.infoTwo ul li:first-child:before {background: #25caad;}
.seo-theme .service-large-sidebar .project-analaysis .info.infoTwo ul li:last-child:before {background: #8e3ef0;}
.seo-theme .service-large-sidebar .project-analaysis .score-list {margin: 80px -20px 0 -20px}
.seo-theme .service-large-sidebar .project-analaysis .score-list li {
  float: left;
  padding: 0 20px;
  padding-left: 60px;
  position: relative;
}
.seo-theme .service-large-sidebar .project-analaysis .score-list li h6 {color: #393939;}
.seo-theme .service-large-sidebar .project-analaysis .score-list li i {
  position: absolute;
  top:5px;
  left: 0;
  font-size: 40px;
  color: rgba(0,0,0,0.3);
}
/* ------------------------------ Theme Blog --------------------------*/
.theme-blog-sidebarOne {width: 24%;}
.theme-blog-large-sideOne {
  width: 76%;
  padding-right: 88px;
}
.blog-inner-page .page-pagination li {
  display: inline-block;
  margin-right: 4px;
}
.blog-inner-page .page-pagination.text-center li {margin: 0 2px;}
.blog-inner-page .page-pagination li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  background: #f3f3f3;
  border-radius: 5px;
  line-height: 36px;
  padding: 0 14px;
  color: #8c8c8c;
  text-transform: uppercase;
}
.blog-inner-page .page-pagination li a:hover {color: #fff;}
.seo-theme .latest-blog .seo-title-one a {
  color: #fff;
  border: none;
  line-height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}
.seo-theme .latest-blog .seo-title-one {margin-bottom: 55px;}
.seo-theme .latest-blog .grid-blog-wrapper {margin: 0 -30px 70px -30px;}
.seo-theme .latest-blog .grid-blog-wrapper .single-blog {
  float:left;
  width: 33.33333333%;
  padding: 0 10px;
}
.seo-theme .latest-blog .single-blog {margin-bottom: 70px;}
.seo-theme .latest-blog .single-blog .img-holder {
  position: relative;
  overflow: hidden;
}
.seo-theme .latest-blog .single-blog .img-holder img {width: 100%;}
.seo-theme .latest-blog .single-blog .img-holder .tag {
  display: block;
  line-height: 20px;
  width: 68px;
  border-radius: 3px;
  position: absolute;
  top:25px;
  left: 38px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1.5px;
}
.seo-theme .latest-blog .single-blog .img-holder .tag.color1 {background: #08c5a1;}
.seo-theme .latest-blog .single-blog .img-holder .tag.color2 {background: #52b2f6;}
.seo-theme .latest-blog .single-blog .img-holder .tag.color3 {background: #f67878;}
.seo-theme .latest-blog .single-blog .img-holder .tag.color4 {background: #ffba34;}


.seo-theme .latest-blog .single-blog .post {
  border: 1px solid #eaeaea;
  padding: 23px 0 0 0;
  border-radius: 0 0 7px 7px;
  background: #fff;
}
.seo-theme .latest-blog .grid-blog-wrapper .single-blog .post {

  position: relative;
  z-index: 9;
}
.seo-theme .latest-blog .single-blog .post h5 a,
.seo-theme .latest-blog .single-blog .post h4 a {
  line-height: 28px;
  color: #393939;
  font-weight: 700;
  margin-bottom: 10px;
}
.seo-theme .latest-blog .single-blog .post h5 a,
.seo-theme .latest-blog .single-blog .post h4 a,
.seo-theme .latest-blog .single-blog .post p {padding: 0 20px 0 34px;}

.seo-theme .latest-blog .single-blog .post .post-tag {
  border-top: 1px solid #eaeaea;
  padding-left: 34px;
  margin-top: 25px;
}
.seo-theme .latest-blog .single-blog .post .post-tag ul li {
  display: inline-block;
  line-height: 55px;
}
.seo-theme .latest-blog .single-blog .post .post-tag ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  color: rgba(0,0,0,0.5);
  margin-right: 15px;
}
.seo-theme .latest-blog .single-blog .post .post-tag ul li a i {
  color: #cdd7d8;
  margin-right: 3px;
}
.seo-theme .latest-blog .theme-blog-large-sideOne .single-blog .img-holder {border-radius: 5px 5px 0 0;}
.seo-theme .latest-blog .theme-blog-large-sideOne .single-blog .post {border-top: none;}
.seo-theme .latest-blog .theme-blog-large-sideOne .single-blog .post .post-tag ul li.float-right a {
  width: 125px;
  padding: 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  border-left: 1px solid #eaeaea;
}
.seo-theme .blog-inner-page {margin-bottom: 190px;}
/* ------------------------------ Theme Blog Details --------------------------*/
.theme-blog-large-sideOne .comment-area h4 {
  margin-bottom: 35px;
}
.theme-blog-large-sideOne .comment-area .main-comment {
  border: 1px solid #e9e9e9;
  padding: 25px 55px 50px 35px;
  margin-bottom: 20px;
}
.theme-blog-large-sideOne .comment-area .single-comment img {
  width: 75px;
  border-radius: 5px;
}
.theme-blog-large-sideOne .comment-area .single-comment .comment {
  width: calc(100% - 75px);
  padding-left: 20px;
  position: relative;
}
.theme-blog-large-sideOne .comment-area .single-comment .comment p {
  margin-top: 13px;
}
.theme-blog-large-sideOne .comment-area .single-comment .comment h6 {
  color: #393939;
}
.theme-blog-large-sideOne .comment-area .single-comment.reply-comment {
  margin-left: 95px;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #e9e9e9;
}
.theme-blog-large-sideOne .comment-area .single-comment button {
  width: 60px;
  line-height: 30px;
  background: #f4f4f4;
  color: #393939;
  text-transform: uppercase;
  position: absolute;
  top:0;
  right: 0;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
}

.theme-blog-large-sideOne .comment-area .single-comment button:hover {color: #fff;}
.theme-blog-large-sideOne .leave-reply h4 {
  margin: 70px 0 8px 0;
}
.theme-blog-large-sideOne .leave-reply form {margin-top: 25px;}
.theme-blog-large-sideOne .leave-reply form textarea,
.theme-blog-large-sideOne .leave-reply form input {
  width: 100%;
  max-width: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  margin-bottom: 23px;
  padding: 0 15px;
}
.theme-blog-large-sideOne .leave-reply form textarea {
  height: 210px;
  max-height: 210px;
  padding: 20px 15px;
}
.theme-blog-large-sideOne .leave-reply form input {
  height: 55px;
}
.theme-blog-large-sideOne .leave-reply form button {
  text-transform: uppercase;
  border:none;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
}
.seo-theme .blog-details .single-blog .row {
  margin: 40px -15px 35px -15px;
  padding: 0 35px;
}
.seo-theme .blog-details .single-blog .row img {
  border-radius: 5px;
  width: 100%;
}
.seo-theme .latest-blog.blog-details .theme-blog-large-sideOne .single-blog .post .post-tag ul li.float-right a {color: #a3a3a3;}
.seo-theme .theme-blog-large-sideOne h4 {font-weight: 700;}

/* ---------------------------- Theme Error Page  ------------------------*/
.seo-theme .error-page {
  text-align: center;
  margin-bottom: 150px;
}
@keyframes error-load {
  0% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  20% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  60% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  80% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.seo-theme .error-page img {
  margin: 0 auto;
  -webkit-animation:error-load 7s linear infinite;
  animation:error-load 7s linear infinite;
}
.seo-theme .error-page h2 {
  font-size: 150px;
  margin-top:40px;
  font-weight: 900;
  letter-spacing: 14px;
}
.seo-theme .error-page h3 {
  font-weight: normal;
  font-size: 60px;
  margin-bottom: 25px;
}
.seo-theme .error-page p {
  font-size: 18px;
  margin-bottom: 41px;
}
.seo-theme .error-page a {
  line-height: 55px;
  width:128px;
  color:#fff;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
}
.seo-theme .error-page span.or {
  font-size: 18px;
  color:#2f2f2f;
  margin:0 16px;
}
.seo-theme .error-page form {
  height:55px;
  width:380px;
  position: relative;
  display: inline-block;
}
.seo-theme .error-page form input {
  padding: 0 58px 0 20px;
  border:1px solid #f0f0f0;
  height: 100%;
  width: 100%;
}
.seo-theme .error-page form button {
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  width: 55px;
  border-left: 1px solid #f0f0f0;
  background: transparent;
  font-size: 20px;
  color: #a3a3a3;
}
/* ---------------------------- Theme Faq Page  ------------------------*/
.seo-theme .seo-faq-section {
  background: #f9f9f9;
  padding: 95px 0 100px 0;
}
.seo-theme .seo-faq-section h3 {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 65px;
}
.seo-theme .seo-faq-section .faq-content {
  background: #fff;
  padding: 30px 35px 30px 40px;
  margin-bottom: 30px;
}
.seo-theme .seo-faq-section .faq-content h6 {
  font-weight: 700;
  color: #393939;
  margin-bottom: 20px;
}

/* ------------- Google Map  --------------*/
.seo-theme #google-map-area {
  height: 570px;
  padding: 20px;
  border: 1px solid #ececec;
  margin: 85px 0 130px 0;
}
.seo-theme #contact-google-map {
  width: 100%;
  height: 100%;
}
	.sing-imgli ul li{ margin:20px 0; position:relative;}
				.sing-imgli ul li img{ width:100%;}
				.sing-imgli ul li a{ display:block;}
				.sing-imgli ul li span{ position:absolute; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.3); color:white; padding:5px 0;}

/*** 

====================================================================
  Conatct Form Activation
====================================================================

 ***/
.alert-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  z-index: 9999999;
}
#success,
#error {
  position: relative;
  width:500px;
  height: 100px;
  top: calc(50% - 50px);
  left:calc(50% - 250px);
  background: rgba(0,0,0,0.8);
  text-align: center;
}
#success .wrapper,
#error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
#success .wrapper p,
#error .wrapper p {
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 1px;
}
#success {
  color: #ffce6e;
}
#error {
  color: #C9182B;
}
#error button,
#success button {
  color:#fff;
  width:40px;
  height:40px;
  line-height: 20px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 20px;
}
.form-validation label.error {
  display: none !important;
}
.form-validation input.error,
.form-validation textarea.error {
  border:1px solid #f03838 !important;
}
/* ------------- Theme Contact Page --------------*/
.theme-contact-page-styleOne h4 {
  font-weight: 500;
  font-size: 38px;
  margin-bottom: 50px;
  color:#2f373a;
}
.theme-contact-page-styleOne .contact-us-form .row {
  margin: 0 -10px;
}
.theme-contact-page-styleOne .contact-us-form .row [class*="col-"] {
  padding: 0 10px;
}
.theme-contact-page-styleOne .contact-us-form form .single-input {
  margin-bottom: 22px;
}
.theme-contact-page-styleOne .contact-us-form form input,
.theme-contact-page-styleOne .contact-us-form form textarea {
  width: 100%;
  max-width: 100%;
  font-size: 15px;
  border:1px solid #ececec;
  padding: 0 15px 0 15px;
  border-radius: 5px;
}
.theme-contact-page-styleOne .contact-us-form form input {
  height: 50px;
}
.theme-contact-page-styleOne .contact-us-form form textarea {
  height: 165px;
  max-height: 165px;
  padding: 15px;
}
.theme-contact-page-styleOne .contact-us-form form button {
  border-radius: 5px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
}
.theme-contact-page-styleOne .contactUs-address {
  padding-left: 38px;
}
.theme-contact-page-styleOne .contactUs-address>p {
  margin:-7px 0 30px 0;
}
.theme-contact-page-styleOne .contactUs-address .single-address .icon {
  width: 65px;
  height: 65px; 
  line-height: 63px;
  border: 1px solid #e5e5e5;
  text-align: center;
  margin-top: 7px;
  color:#fff;
  font-size: 30px;
}
.theme-contact-page-styleOne .contactUs-address .single-address h6 {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 5px;
  color: #393939;
}
.theme-contact-page-styleOne .contactUs-address .single-address span {
  font-size: 16px;
}
.theme-contact-page-styleOne .contactUs-address .single-address {
  margin-bottom: 30px;
}
.theme-contact-page-styleOne .contactUs-address .single-address .text {
  padding-left: 26px;
  margin-top: 10px;
  width:81%;
}
/*----------------------- Shop Page ---------------------*/
.shop-sidebar .search {
  height: 45px;
  position: relative;
}
.shop-sidebar .search input {
  width: 100%;
  height: 100%;
  background: #eeeeee;
  border: none;
  padding: 0 102px 0 10px;
  font-style: italic;
  font-size: 15px;
}
.shop-sidebar .search button {
  position: absolute;
  width: 100px;
  height: 100%;
  top:0;
  right: 0;
  color: #fff;
}
.shop-sidebar h4 {
  position: relative;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.shop-sidebar h4:before {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  width: 85px;
  height: 2px;
  background: #3e60c2;
}
.shop-sidebar .sidebar-shop-categories {margin: 60px 0;}
.shop-sidebar .sidebar-shop-categories ul li a {
  font-size: 17px;
  color: rgba(36,34,34,0.6);
  display: block;
  margin-bottom: 18px;
}
.shop-sidebar .shop-popular-product ul li img {width: 100px;}
.shop-sidebar .shop-popular-product ul li .name {
  width: calc(100% - 100px);
  padding-left: 20px;
}
.shop-sidebar .shop-popular-product ul li .name h6 a {
  font-weight: 500;
  color: #242222;
  display: block;
  margin: 10px 0;
}
.shop-sidebar .shop-popular-product ul li .name strong {
  font-family: 'Roboto', sans-serif;
  display: block;
  font-weight: 900;
  font-size: 18px;
}
.shop-sidebar .shop-popular-product ul li {margin-bottom: 30px;}
.shop-product .single-product .image {overflow: hidden;}
.shop-product .single-product .image img {
  -webkit-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  width: 100%;
}
.shop-product .single-product:hover .image img {
  -webkit-transform:scale3D(1.1,1.1,1);
          transform:scale3D(1.1,1.1,1);
}
.shop-product .single-product .info {
  border: 1px solid #f0f0f3;
  border-top: none;
  text-align: center;
  padding: 32px 0 35px 0;
  margin-bottom: 30px; 
}
.shop-product .single-product .info h6 a {
  font-weight: 600;
  color: #242222;
  display: block;
}
.shop-product .single-product .info strong {
  font-family: 'Roboto', sans-serif;
  display: block;
  color: #242222;
  font-size: 18px;
  margin: 12px 0 15px 0;
}
.shop-product .single-product .info>a {
  width: 130px;
  line-height: 40px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.shop-pagination {text-align: center;margin: 30px 0 0 0;}
.shop-pagination li {display: inline-block;vertical-align: middle;}
.shop-pagination li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  margin: 0 4px;
}
.shop-pagination li:last-child a {
  font-size: 12px;
  margin-left: 12px;
}
.shop-details .single-product-details img {width: 54%;}
.shop-details .single-product-details .product-order-details {
  width: 46%;
  padding-left: 30px;
}
.shop-details .single-product-details .product-order-details h3 {
  font-weight: 600;
  font-size: 32px;
}
.shop-details .single-product-details .product-order-details .price li {
  display: inline-block;
  vertical-align: middle;
  color: rgba(36,34,34,0.9);
  padding: 10px 0;
  font-family: 'Roboto', sans-serif;
}
.shop-details .single-product-details .product-order-details .price li:first-child {
  font-weight: 500;
  font-size: 32px;
}
.shop-details .single-product-details .product-order-details .price li:nth-child(2) {
  font-weight: 500;
  font-size: 24px;
  margin: 0 12px 0 30px;
}
.shop-details .single-product-details .product-order-details .price li:nth-child(3) {
  font-size: 14px;
}
.shop-details .single-product-details .product-order-details .price {margin: 16px 0 3px 0;}
.shop-details .single-product-details .product-order-details .rating li {
  display: inline-block;
  margin-right: 3px;
  color: #ffc520;
}
.shop-details .single-product-details .product-order-details .rating {margin: 20px 0 30px 0;}
.shop-details .single-product-details .product-order-details .clearfix ul li {
  display: inline-block;
  vertical-align: middle;
}
.shop-details .single-product-details .product-order-details .clearfix ul li button {
  width: 65px;
  height: 40px;
  color: #fff;
  font-size: 18px;
}
.shop-details .single-product-details .product-order-details .clearfix ul li:nth-child(2) {
  width: 70px;
  height: 40px;
  line-height: 40px;
  background: #eaede8;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.shop-details .single-product-details .product-order-details .clearfix a {
  width: 130px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.shop-details .single-product-details .product-order-details .clearfix {margin-top: 74px;}
.shop-details .review-tab {margin: 80px 0 100px 0;}
.shop-details .review-tab .nav-tabs > li {margin: 0;}
.shop-details .review-tab .nav-tabs > li > a {
  line-height: 60px;
  font-size: 20px;
  color: #242222;
  border: none;
  padding: 0 55px;
  background: #eaede8;
  border-radius: 0;
}
.shop-details .review-tab .nav-tabs {border: none; margin: 0 0 40px 0;}
.shop-details .review-tab .nav-tabs > li.active > a,
.shop-details .review-tab .nav-tabs > li.active > a:hover,
.shop-details .review-tab .nav-tabs > li.active > a:focus {color: #fff;}
.shop-details .review-tab .tab-pane p {
  font-size: 18px;
  line-height: 35px;
}
.shop-details .review-tab .tab-pane h4 {margin-bottom: 40px;}
.shop-details .review-tab .tab-pane ul li {
  line-height: 45px;
  font-size: 18px;
}
.shop-details .related-product h4 {
  position: relative;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.shop-details .related-product h4:before {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  width: 85px;
  height: 2px;
  background: #3e60c2;
}
.shop-details .related-product .item {margin: 0 15px;}
.shop-page .top-select-section {margin-bottom: 63px;}
.shop-page .top-select-section>li:last-child {
  line-height: 45px;
  font-size: 18px;
}
.shop-page .bootstrap-select > .dropdown-toggle {
  width: 200px;
  height: 45px;
  padding: 0 0 0 15px;
  background: transparent;
  border: 1px solid #ececec !important;
  position: relative;
  outline: none !important;
}
.shop-page .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 16px;
}
.shop-page .bootstrap-select.btn-group .dropdown-toggle .caret {
  top:23px;
  border-top-color: #969696;
}
.shop-page .bootstrap-select > .dropdown-toggle:hover,
.shop-page .bootstrap-select > .dropdown-toggle:focus {
  background: transparent;
  outline: none !important;
}
.shop-page .bootstrap-select.btn-group .dropdown-menu li a span.text {
  font-size: 16px;
}
.shop-page .bootstrap-select.btn-group .dropdown-menu li.selected a span.text,
.shop-page .bootstrap-select.btn-group .dropdown-menu li:hover a span.text {color: #fff;}
.shop-page .dropdown-menu  {
  border: 1px solid rgba(0,0,0,0.06)
}
.shop-page{margin-bottom: 100px;}

.index_textc{ text-align:center;}

.our-service{ margin-top:100px;}

/*产品盒子*/

	.fwq_box{ width:262px; height:428px; border:#60d0db solid 1px; margin-left:38px; float:left;}
	.fwq_box:first-child{ margin:0;}
	.fwq_box .fwq_boxtitle{ height:115px; background-color:#60d0db; text-align:center;}
	.fwq_box .fwq_boxtitle h4{ font-size:16px; color:white; font-weight:normal; padding-top:18px;}
	.fwq_box .fwq_boxtitle p{ font-size:14px; color:white;}
	.fwq_box .fwq_boxtitle p span:first-child{ vertical-align:top; line-height:40px;}
	.fwq_box .fwq_boxtitle p span:nth-child(2){ font-size:48px; vertical-align:bottom; color:#fff000;}
	.fwq_box .fwq_boxtitle p span:last-child{ vertical-align:bottom; line-height:46px;}
	
	.fwq_box ul li{ line-height:45px; border-bottom:#bedcf0 solid 1px; padding-left:74px;}
	.fwq_box ul li span:first-child{ text-align:right; display:inline-block; width:60px; color:#4fabb4;}
	.fwq_box ul li span:last-child{ text-align:left; margin-left:10px; color:#888888;}
	.fwq_box ul li:first-child{ background:url(../images/home/cpu.png) no-repeat 30px center;}
	.fwq_box ul li:nth-child(2){ background:url(../images/home/neicun.png) no-repeat 30px center;}
	.fwq_box ul li:nth-child(3){ background:url(../images/home/yingpan.png) no-repeat 30px center;}
	.fwq_box ul li:nth-child(4){ background:url(../images/home/daikuan.png) no-repeat 30px center;}
	.fwq_box ul li:nth-child(5){ background:url(../images/home/daikuan.png) no-repeat 30px center;}
	.fwq_box ul li:last-child{ background:url(../images/home/daikuan.png) no-repeat 30px center;}
	.fwq_box a{ color:white; font-size:16px; display:inline-block; width:262px; height:37px; text-align:center; line-height:33px; background-color:#60d0db;}
	.fwq_box a:hover{ background-color:#5ac1cc;}
/*产品盒子*/

/*-- plans & pricing --*/
.PlanPricing .price{
	background:#ffc323;
	padding:5px;
	color:#FFF;
	font-size:42px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	display:block;
	width:110px;
	height:110px;
	line-height:100px;
	margin:0 auto;
	position:relative;
	margin-top:-107px;
	margin-bottom:10px;

}
.PageHead h1, .PageHead h3 {
	text-align: center;
}
.PageHead h3 {
	color: #9AA5AA;	
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 10px;
}
.PlanPricing .planFeatures ul li {
	padding: 13px 0;
	list-style: none;
}
.PlanPricing .btn {
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: #22bb5f!important;
  color: #FFF!important;
}
.PlanPricing .planName {
  background: #21313f;
  padding-top: 60px;
  padding-bottom: 20px;
  text-align: center;
}
.index_hot1 .planName {
  background: #21313f url(../images/service/hot4.png) no-repeat left top;
}
.index_hot2 .planName {
  background: #21313f url(../images/service/hot.png) no-repeat left top;
}
.index_hot3 .planName {
  background: #21313f url(../images/service/hot3.png) no-repeat left top;
}



.PlanPricing .planFeatures {
  background: #e8e9ea;
  text-align: center;
  padding: 10px;
}
.PlanPricing {
  margin-top: 100px;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.PlanPricing:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 2;
}
.domain {
  position: relative;
  background: #34454e;
  background-size: cover;
  overflow: hidden;
  margin-top: 80px;
}
.PageHead {
  margin-top: 50px;
}
.domain h1 {
  color: #FFF;
  margin-top: 0;
}
.domain h3 {
  color: #D5D5D5;
  margin-bottom: 40px;
}
.form-group {
  margin-bottom: 15px;
}
.domain select, .domain input[type=text] {
  padding: 10px;
  height: 50px;
}
.domain .submitbtn {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 40px;
}
.PlanPricing .planName h3 {
  color: #FFF;
  text-align: center;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
.PlanPricing .planName p {
  color: #999;
  text-align: center;
}
.ComparePlans .planFeatures ul li {
  padding: 13px 0;
  list-style: none;
}
.ComparePlans .CompareList .planFeatures {
  text-align: right;
}
.ComparePlans .planHead2 h3, .ComparePlans .planHead3 h3 {
  color: #FFF;
  text-align: center;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  padding-top: 10px;
  line-height: 1.8;
}
.ComparePlans .planHead2 {
  height: 60px;
  background: #1BBC9B;
}
.ComparePlans .pricing1 .planFeatures {
  border-right: solid 1px #1BBC9B;
  border-left: solid 1px #1BBC9B;
}
.ComparePlans .planFeatures {
  text-align: center;
  padding: 10px;
}
.ComparePlans .planHead3 {
  height: 60px;
  background: #f45c57;
}
.ComparePlans .btn {
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: #21313f!important;
  color: #FFF!important;
  border:none;
}
.ComparePlans .pricing2 .planFeatures {
  border-right: solid 1px #f45c57;
  border-left: solid 1px #f45c57;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background-color: #000!important;
  color: #FFF!important;
}
.ComparePlans {
	margin-bottom: 5em;
}
.ComparePlans .planHead1 {
  height: 60px;
  background: #FFF;
}
.PlanPricing.Recommended .price {
  background: #f45c57;
}
.index_hot1 .price{ background:#f45c57;}
.index_hot2 .price{ background:#f45c57;}
.index_hot3 .price{ background:#f45c57;}
.btn-success {
  background-color: #ffc323;
  background-image: none;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-danger {
  background-color: #f45c57;
  background-image: none;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-lg {
  font-size: 18px;
  padding: 20px 50px;
  margin: 5px 10px;
    border: none;
}
.ComparePlans {
  margin-top: 20px;
}
/*-- plans & pricing --*/

/*首页新闻*/


.news_over{
	min-height:500px}

.news_box {
    margin-bottom: 10px;
    overflow: hidden;
   height: 130px;
}
.news_box .news_left{padding-left:0;text-align: center;}

.news_box .news_right{ padding-left:0;}
.news_box .news_right h4{ font-size:16px; line-height:30px; color:#999;}
.news_box .news_right h3{ font-size:16px; border-bottom:1px solid #efefef; position:relative;}
.news_box .news_right h3 a{font-size:16px;color:#111111;padding-top:5px;padding-bottom: 3px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_box .news_right h3 span{ display:block; height:1px; position:absolute; bottom:-1px; width:10px; background:#eaaf10;}
.news_box .news_right p{ font-size:13px; color:#999; line-height:24px; margin-top:5px;}
.news_mgintop{ margin-top:30px;}
.news_menu{ width:400px; margin:0 auto; margin-bottom:40px;}
.news_menu a{ width:130px; line-height:34px; text-align:center; border:#ffc323 solid 1px; border-radius:4px;}
.news_menu a:hover{ background:#ffc323; color:white;}
.news_menu .news_menua{ background:#ffc323; color:white;}
   .news_text img {
        margin:5px auto;
        }
        .admin-tag1 {
        padding:15px 0;}
        .textNexta {
         padding:20px;
        }
          .textNexta a{
        line-height:initial;
        padding:10px;
        color:#ffc323;
        font-weight:700;
        }
.news.news_none{/* Safari */
               transition: opacity 2s;
	-webkit-transition:opacity 2s;
               opacity:0;
               display:none;

}

              display:none}
.flip{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}  
.mouseout{-moz-transition:all 0.3s !important; -webkit-transition:all 0.3s !important; -o-transition:all 0.3s !important; transition: all 0.3s !important;}  
.mousein{-moz-transition:all 0.5s !important; -webkit-transition:all 0.5s !important; -o-transition: all 0.5s !important; transition: all 0.5s !important;}  
.seo-theme .latest-blog .seo-title-one{ margin-bottom:50px;}

.post-section {
	margin-top:100px;
   padding: 0 0 4em;
}
.post-grids {
   margin-top:3em;
   text-align: center;
}
.post-grid h4 {
    font-size: 1.4em;
    text-transform: capitalize;
    color: #222;
    font-weight: 600;
    margin: .5em 0;
	font-family: 'Voltaire', sans;
}
.post-grid p{
    font-size: 1em;
    line-height: 2em;
    color: #777;
}
.post-grid a {
    text-decoration: none;
}

a.mask {
    text-decoration: none;
    overflow: hidden;
    display: block;
}
img.zoom-img:hover {
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 1683ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 1683ms;
    overflow: hidden;
}
img.zoom-img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 1683ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 1683ms;
}

.single-blog .post h5{ border-bottom:#DDDDDD solid 1px;}
.tran3s{ color:#21313f;}
.tran3s_2{ font-size:14px; font-weight:normal; float:right;}

.index_new_ul li{ border:none; padding:2px 15px;}
.index_new_ul li:nth-child(1){ margin-top:20px;}
.index_new_ul li a{ font-size:16px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; width:95%; padding-left:25px; font-weight:500;}
.index_new_ul li a:hover{ cursor:pointer; background:url(../images/home/new_icon.jpg) no-repeat left center;}


/*首页新闻*/

/*首页*/
	.dropdown-menu{ border:#ffc323 solid 1px; min-width:100%;}
	.index_logoleft{ float:left;}
	.index_sys{ width:100%; margin:0 auto; background:#222;}
	.index_sys a{ display:block; width:100%; height:30px; line-height:30px; text-align:center; margin:5px 0; color:white; margin:0 auto; transition:all .3s ease-in-out;}
	.index_sys a:hover{background:#ffc323;}
	.index_fwqzy{ margin-top:50px;}
	.footer-subscribe img{ width:140px; height:140px; margin-top:5px;}
	
	.index_nav{ border:none; background-color:inherit;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background-color:#ffc323; color:#fff;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ background-color:#ffc323; color:#fff;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ color:#fff; background-color:#ffc323;}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff;background-color: #ffd05b;}
	

	.index_navfloat{ float:right;}
	
	.navbar-nav > li{ margin:0 5px;}
	.index_naval .index_nav2 li{ margin:0;}
	.index_login{ margin-top:5px;}
	
	.index_navlogin{ display:none;}
/*首页*/

/*新闻中心*/
	.seo-theme .theme-inner-bannernew{ margin-bottom:100px;}
	.blog-pag .new_nr{ padding: 15px; border: 1px solid #ddd; border-radius: 4px;}
	.blog-pag .new_nr h4{margin: 10px 0;}
	

	.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{ color:#555; border-color:#ddd; background-color:#ddd;}
	a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus{ color:white; background-color:#ffd05b;}
	/*-- blog --*/
.blog-page {
  padding: 0 0 80px 0;
}
.blog-page-grids {
  margin-bottom: 30px;
}
.blog-page-grids-bot {
  float: left;
  width: 47%;
}
.blog-page-grids-bot img{
width:100%;
}
.blog-page-grid p span {
    color:#37B7E5;
}
.blog-page-grids-bot1 {
  float: right;
  width: 50%;
}
.blog-page-grid {
  float: left;
}
.blog-page-grid h3 {
  font-family: 'FjallaOne-Regular';
  font-size:24px;
}
.blog-page-grid h3 a{
	color:#37B7E5;
	text-transform:uppercase;
	text-decoration:none;
}
.blog-page-grid h3 a:hover{
	color:#464646;
}
.blog-page-grid p {
  color: #464646;
  font-size: 14px;
  margin: 20px 0 0 0;
}
.blog-page-grid1 {
  float: right;
}
.blog-page-grid1 p {
  font-size: 14px;
  margin: 1.5em 0 0;
  color: #464646;
}
.blog-page-grids-bot1 p {
  color: #464646;
  font-size: 14px;
  margin: 0;
  line-height: 2em;
}

.blog-page-grids-bot1 h4{
  font-size: 24px;
  color: #000;
  margin: 0 0 20px;
  text-transform: uppercase;
  font-family: 'FjallaOne-Regular';
}
.blog-page-grid1 p a {
text-decoration:none;
  color:#37B7E5;
}
.blog-page-grid1 p a:hover {
color:#464646;
}
.pagination{
margin:0;
}
.blog-page-grids-bot1 ul {
  margin: 22px 0;
}
.blog-page-grids-bot1 ul li{
	display:inline-block;
	margin-right: 2em;
}
.blog-page-grids-bot1 ul li a{
  color: #D5D5D5;
  font-size: 14px;
  text-decoration: none;
  padding-left: 10px;
}
.blog-page-grids-bot1 ul li a span{
	right:1em;
}
.blog-page-grids-bot1 ul li a:hover{
	color:#37B7E5;
}
.more a {text-decoration:none;padding: 4px 11px;font-size: 16px;/* text-transform: uppercase; */color: #fff;/* font-weight: 560; */}
.blog-pag {
  margin-bottom: 30px;
}
/*-- //blog --*/
/*-- single --*/
.blog-section{
padding:80px 0;
}
p.est{
    margin: 17px 0 64px;
    color: #464646;
    font-size: 16px;
    line-height: 2em;
}
h3.commant {
  padding-bottom: 1em;
}
p.est span{
	display:block;
	margin:1em 0;
}
.sing-img-text1{
	padding:2em 0 2em 0;
}
.media-body {padding: 10px;
}
.media-body h4{
    color: #000;
    /* font-size: 18px; */
    /* margin: 8px 0 8px; */
    padding: 0;
}
.media-body a{
	font-size: 14px;
    color: #000000;
    text-decoration: none;
    display: block;
    float: right;
}
.media-body a:hover{
	color:#37B7E5;
	text-decoration:none;
}
.media-body p{
    margin: 5px 0 0;
    color: #464646;
    font-size: 14px;
    line-height: 20px;
    word-break:break-all;
}
.leave-a-comment{
	background:#fff;
	padding:0 1em;
}
.leave-a-comment input[type="text"],.leave-a-comment textarea{
    padding: 9px 15px;
    background: none;
    font-size: 14px;
    outline: none;
    border: 1px solid #D2D2D2;
    color: #37B7E5;
	}
.leave-a-comment input[type="text"]{
	float:left;
	width:32%;
	font-family: 'Open Sans', sans-serif;
	}
.leave-a-comment textarea{
	resize:none;
	height:200px;
	width:100%;
    margin: 25px 0;
	font-family: 'Open Sans', sans-serif;
	}
.leave-a-comment input[type="submit"]{
    color: #fff;
    font-size: 18px;
	text-transform:uppercase;
    outline: none;
    border: none;
    display: block;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    padding: 9px 18px;;
    background: #000;
	
	}
.leave-a-comment input[type="submit"]:hover{
	background:#37B7E5;
	color:#fff;
	text-decoration:none;
	}
.leave-a-comment input[type="text"]:nth-child(2){
	    margin: 0 1.9%;
	}
.media-left {
  width: 30%;
  height: 130px;
  border-right: #DDDDDD dashed 1px;
}
.media-left a img {
  border-radius: 50%;
    -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}
.search11 input[type="text"] {
  border:1px solid #DADCDF;
  outline: none;
  width: 100%;
  background:none;
  color: #E4E4E4;
  padding: 10px;
  font-size: 15px;
}
.search11 h3 {
  margin-bottom: 0 !important;
}
.search11 input[type="submit"] {
    background: #242a2c;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    border: none;
    outline: none;
    padding: 7px 19px;
    margin: 20px 0 0 0;
}
.categories {
    margin-top: 2em;
}
.search11 input[type="submit"]:hover{
	background:#37B7E5;
	color:#fff ;
}
.search11 h3{
    color: #37B7E5;
    font-size: 24px;
    text-transform: uppercase;
  font-family: 'FjallaOne-Regular';
    padding-bottom: 18px;
}
.categories ul {
  padding: 0;
  margin: 0;
}
.categories ul li {
    list-style-type: none;
    display: block;
    line-height: 2.2em;
    color: #464646;
}
.categories h3 {
  margin-bottom: 0em !important;
  padding-bottom: 0;
}
.categories ul li a {
    color: #464646;
    font-size: 14px;
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.categories ul li a span {
  margin-right: 10px;
}
.sing-img-text img {
  width: 100%;
}
.related-post-left img{
  width: 100%;
}
.categories ul li a:hover{
	text-decoration:none;
	color:#37B7E5;
	padding-left:7px;
	  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.categories-mid {
    margin: 3em 0;
}
.sing-img-text{
	float:left;
	width:65%;
}
.sing-img-text-left{
	float:right;
	width:33%;
}
.media-left span.glyphicon.glyphicon-user {
    font-size: 25px;
    color: #fff;
    padding: 17px;
    background-color: #eee;
    border-radius: 50%;
}
.categories h3,.search h3,.related-posts h3,.leave-a-comment h3,.sing-img-text h3 {
    color: #37B7E5;
    font-size: 24px;
    text-transform: uppercase;
  font-family: 'FjallaOne-Regular';
    padding-bottom: 18px;
}
.related-post-left{
	float:left;
	width:30%;
}
.related-post-right{
	float:right;
	width:65%;
}
.related-post-right h4 {
  margin: 0;
  padding: 0;
}
.related-posts h3{
	margin-bottom:1em!important;
}
.related-post{
	margin:2em 0;
}
.related-posts h3 {
  margin-bottom: 0em!important;
  padding-bottom: 0;
}

.advantages-left h2 {
  font-size: 1.8em;
}
.advantages-left.heading {
  margin-top: 3em;
}
.related-post-right h4{
	margin:0 0 .35em;
}
.related-post-right h4 a{
  font-family: 'FjallaOne-Regular';
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
}
.related-post-right h4 a:hover{
	text-decoration:none;
	color:#37B7E5;
}
.related-post-right p {
    margin: 0;
    color: #464646;
    font-size: 14px;
    line-height: 2em;
}
.admin-tag1 p {
    font-size: 14px;
    color: #464646;
}

/* Outline Out */
a.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #ffc323;
}
a.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #ffc323 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
a.hvr-outline-out:hover:before,a.hvr-outline-out:focus:before,a.hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
/* Outline Out */

.down-arrow span{
font-size:30px;
color:#fff;
}

.news_time{display:block;float:left;/* height:44px; *//* line-height:44px; */color:#aaa;}
.news_time i{ margin-right:10px;}

/*新闻中心*/
/*新闻内容*/
	.news_text{ margin-top:50px;}
	.blog-pag .more{ margin-top:3%;}
	.sing-img-text1 h3{/* padding:30px 0 0 0; */line-height:50px;}
	.admin-tag1 p{ margin-bottom:70px; color:#aaa;}
	.admin-tag1 p i{ margin-right:10px;}
	.est{ text-indent:2em;}
/*新闻内容*/

/*云服务器*/
	.yun_server{ margin-top:100px;}
	.PlanPricing_server{ padding-left:12px; padding-right:12px;}
/*云服务器*/

/*服务器租用*/
	.tran3s_hover{ color:#ffc323;}
	.nav-pills > li > a{ border:#FFC323 solid 1px;}
	
	/*产品表格*/	
	.fwqzy_table{ width:100%; margin:0 auto; border:#e5e5e5 solid 1px; display:block;}
	.fwqzy_table table tr td{ text-align:center; line-height:70px; font-size:16px; color:#24272b;}
	.fwqzy_table table tr td:nth-child(2){ color:#e8251e; font-size:14px; font-weight:bold;}
	.fwqzy_table table tr{ border-bottom:#e0e0e0 dashed 1px;}
	.fwqzy_table table tr:hover{ background-color:#efefef;}
	.fwqzy_table table tr:nth-child(1){ background-color:#21313f; border-bottom:none;}
	.fwqzy_table table tr:nth-child(1):hover {background-color:#21313f;}
	.fwqzy_table table tr:nth-child(1) td:nth-child(2){ font-size:16px; font-weight:normal;}
	.fwqzy_table table tr:nth-child(1) td{ color:white; line-height:60px;}
	.fwqzy_table table tr td:last-child a{ display:inline-block; width:88px; height:36px; background-color:#ffc323; line-height:36px; border-radius:2px; color:#664e0e;}
	.fwqzy_table table tr td:last-child a:hover{ background-color:#21313f; color:white;}
	.fwqzy_table table tr td:nth-child(7){ color:red;}
	.fwqzy_table table tr:nth-child(1) td:nth-child(7){ color:white;}
/*产品表格结束*/
	
	.details_title{ margin:10px 0; text-align:center;}
	.details_sjzx{ margin-bottom:50px;}
	.nav-pills > li + li {
      margin-left:0;
	}
	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ background-color:#ffc323;}
	
	.details_list{ margin-top:100px; margin-bottom:50px;}
	.details_tablephone{ display:none;}
	.col_lastlist{ margin-bottom:100px;}
	
	.fwqzy_table table .details_hot td:first-child{ background:url(../images/service/hot4.png) no-repeat left top;}
	.fwqzy_table table .details_hot { border:#ffc323 solid 1px;}
	
	.fwqzy_table table .details_hot2 td:first-child{ background:url(../images/service/hot.png) no-repeat left top;}
	.fwqzy_table table .details_hot2 { border:#ffc323 solid 1px;}
	
	.fwqzy_table table .details_hot3 td:first-child{ background:url(../images/service/hot3.png) no-repeat left top;}
	.fwqzy_table table .details_hot3 { border:#ffc323 solid 1px;}
/**/

/*机柜租用*/
	.jgzy_title{ margin-bottom:50px;}
	.service-middle-text{ margin-top:50px;}
	.service-middle-text p{/* line-height:50px; */padding: 10px 0;}
	table.jg_tab { width:100%;font-size:16px; color:#333; border-width: 1px; border-color: #dcdcdc; border-collapse: collapse;}
	table.jg_tab th { border:1px solid #e5e5e5; padding:20px 15px; background:#f0f0f0; color:#fff; font-size:15px; font-weight:bold; color:#222; text-align:center; }
	table.jg_tab td { border:1px solid #e5e5e5; padding:12px; background:#fff; font-size:14px; color:#222; text-align:center; }
	table.jg_tab td span { display:inline-block; padding:0 8px; font-size:14px; font-weight:bold; color:#f1543f; }
	table.jg_tab td:last-child a{ display:inline-block; width:88px; height:36px; background-color:#ffc323; line-height:36px; border-radius:2px; color:#664e0e;}
	table.jg_tab td:last-child a:hover{ background:#21313f; color:white;}
/*机柜租用*/

/*关于我们*/
	.gywm_title{ margin-bottom:50px;}
	.gywm_more{ margin-top:100px;}
	.about_map{ margin-bottom:50px;}
/*关于我们*/

/*支付方式*/
	.pay_bank a{display:block;/* border-right:#DDDDDD dashed 1px; */}
	.pay_bank a img{max-width: 100%;border-radius:0;/* height: 130px; */max-height: 130px;padding: 10px;margin: 0 auto;}
	.pay_list{border:#ddd solid 1px;margin:15px 0;height: 130px;}
	.pay_help{ margin-bottom:50px; margin-top:50px;}
	.pay_help ul li{ font-size:14px;}
	.pay_help ul li:first-child{ color:red; font-size:18px;}
	
	.nav-tabs > li > a:hover{ border-color:#ffc323 #ffc323 #ffc323;}
	.nav > li > a:hover, .nav > li > a:focus{ background-color:#ffc323; color:#fff;}
/*支付方式*/

/*红包*/
	.hb_center{ margin-bottom:50px;}
	.draw-img:hover{ cursor:pointer;}

        .hide {
            /*display: none;*/
            opacity: 0;
			display:block !important;
        }

        .draw-gift {
            width: 320px;
            height: 368px;
            position:relative;
            margin-top:100px;
        }


        .draw-gift .draw-img .draw-down {
            position: absolute;
            width: 300px;
            height: 350px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(../images/icon/open-no.png);
            left: 50%;
            margin-left: -150px;
            z-index: 10;
            /*-webkit-animation:draw-down 0.5s ease 1.2s 1 alternate;*/
            /*-webkit-animation-timing-function:cubic-bezier(0.25,0.1,0.25,1);*/
        }

        @-webkit-keyframes draw-down {
            0% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
            100% {
                opacity: 0;
            }
        }

        .draw-gift .draw-img .draw-down2 {
            position: absolute;
            width: 300px;
            height: 350px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(../images/icon/open-before.png);
            left: 50%;
            margin-left: -150px;
            z-index: 10;
            /*-webkit-animation:draw-down2 0.5s ease 1.4s 1 alternate;*/
            /*-webkit-animation-timing-function:cubic-bezier(0.25,0.1,0.25,1);*/
        }

        @-webkit-keyframes draw-down2 {
            0% {
                opacity: 0;
            }
            50% {
                opacity: 0.5;
            }
            100% {
                opacity: 1;
            }
        }

        .draw-gift .draw-img .draw-mid {
            position: absolute;
            width: 113px;
            height: 113px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(../images/icon/open.png);
            left: 50%;
            margin-left: -56px;
            z-index: 100;
            top: 100px;
            /*animation:open 0.3s linear 1s 3 alternate;*/
        }

        .draw-gift .draw-img .draw-mid-move {
            -webkit-animation: open 0.2s linear 0.5s infinite alternate;
            -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
            animation: open 0.2s linear 0.5s infinite alternate;
            animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
        }

        @keyframes open {
            0% {
                transform: scale(1);
            }
            100% {
                transform: scale(0.9);
            }
        }

        @-webkit-keyframes open {
            0% {
                -webkit-transform: scale(1);
            }
            100% {
                -webkit-transform: scale(0.9);
            }
        }

        .draw-gift .draw-img .draw-up {
            position: absolute;
            width: 300px;
            height: 158px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(../images/icon/open-back-1.png);
            left: 50%;
            margin-left: -150px;
            top: 0;
            z-index: 8;
            opacity: 0;
        }

        .draw-gift .draw-img .draw-up-up {
            position: absolute;
            width: 300px;
            height: 100px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(../images/icon/open-back-2.png);
            left: 50%;
            margin-left: -150px;
            top: 0;
            /*-webkit-transform: rotateX(180deg);*/
            /*-webkit-transform-style: flat;*/
            /*-webkit-transform-origin: bottom;*/
            /*-webkit-animation: draw-up-up 1s linear 0s 0.5 normal;*/
            /*backface-visibility: visible;*/
            /*-webkit-animation-timing-function:cubic-bezier(0.25,0.1,0.25,1);*/
            opacity: 0;
            z-index: 3;
        }

        .draw-gift .draw-img .draw-list {
            position: absolute;
            width: 15rem;
            height: 6rem;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            left: 50%;
            margin-left: -91px;
            top: 150px;
            opacity: 0;
            z-index: 8;
        }

        .draw-gift .draw-img .draw-list img {
            vertical-align: middle;
            position: absolute;
            width: 70%;
            top: 1.6rem;
            left: 15%;
        }

        #draw-btn {
            font-size: 16px;
            color: white;
			padding:5px 15px;
			border:#e05a52 solid 1px;
			border-radius:4px;
			background:#e05a52;
			transition:all .3s ease-in-out;
        }
		#draw-btn:hover{ background:#c75049;}
		.hb_btn{ text-align:center; margin-top:20px;}
		.hb_btn p{ margin-top:10px;}
		
		.hb_btn p:last-child{ color:#cacaca;}
		.hb_bg{ width:100%; height:100%; background:url(../images/icon/hb_bg.png) repeat center center;}
		.seo-theme .hb_banner{ margin-bottom:0;}

/*红包*/

/*协议*/
	.yzxy{ margin-bottom:50px;}
	.yzxy_h2{ text-align:center;}
	.yzxy_p{ text-align:center; margin:10px 0; color:#999;}
	.yzxy_doc p{ text-indent:2em;}
	.yzxy_doc .yzxy_doctxt2{ margin-top:30px;}
	.yzxy_doctxt2ul li{ margin:10px 0;}
/*协议*/

/*右上角客服*/
		    /* pageflip */
    #pageflip {
        right: 0px;
        float: right;
        position: relative;
        top: 0px;
        z-index: 10;
		cursor:pointer;
    }

        #pageflip img {
            z-index: 99;
            right: 0px;
            width: 50px;
            position:fixed;
            top: 0px;
            height: 52px;
            ms-interpolation-mode: bicubic;
        }

        #pageflip .msg_block {
            right: 0px;
            background: url(../images/home/subscribe.png) no-repeat right top;
            overflow: hidden;
            width: 50px;
            position: fixed;
            top: 0px;
            height: 50px;
        }
	
	.qqq_img{ margin:0; display:inline-block;}
		
		.qqqkuang{
	/* background:#fff; */
	/*height:499px;*/
	/* width:672px; */
	position:fixed;
	left:50%;
	top:50%;
	z-index:10100;
	margin-top:-254px;
	margin-left:-340px;
	padding:4px;
}
.qqq_main{
	height:100%;
	width:100%;
	position:relative;
}
.qqq_main .xiaocha{
	position:absolute;
	height:22px;
	width:22px;
	right:6px;
	top:4px;
	cursor:pointer;
}
.qqq_main .qqq_title{
	/* background:url(../images/qq/qqq_title.png) no-repeat center; */
	/* height:58px; */
	/* width: 670px; */
	/* background-size: 100% auto; */
	/* background:#CCCCCC; */
	position:relative;
}
.qqq_content{
	/* height: 100%; */
	width: 100%;
	border-right:1px solid #1f9af4;
	border-left:1px solid #1f9af4;
	border-bottom:1px solid #1f9af4;
	background:#F5F5F5;
	padding: 9px;
}
.qqq_content .qqq_left{
	width:330px;
	height:100%;	float: left;
}
.qqq_content p{
	width:272px;
	height:32px;
	line-height:32px;
	border-bottom:2px solid #1972d5;
	text-align:left;
	font-size:18px;
	color:#1385fa;
	position:relative;
	padding-left:28px;
	margin-left:5px;
	/* margin-top:12px; */
}
.qqq_content p span{
	font-size:14px;
	color:#1972d5;
	font-weight:normal;
	line-height:32px;
	margin-right:5px;	
}
.qqq_content p img{
    display:initial;
	position:absolute;
	left:3px;
	top:6px;
    vertical-align: middle;
}
 .qqq_content p font{
    color: #1385fa;
}

.qqq_content .qqq_right{
	width:320px;
	height:100%;	
	padding-left:20px; float: left;
}
.qqq_content ul{
	margin-top:10px;
	width:295px;	
	padding-left:10px;
	*padding-left:0px;
}
.qqq_content ul li{
	padding: 0 5px;
	line-height:30px;
	_margin:4px 0;
	display: inline;
	width: 100px;
	font-size: 11PX;
	/* float: left; */
}
.qqq_content ul li a{
	margin-left:4px;	
	color:#1972d5;
}
.qqq_content ul li a:hover{
	color:#1972d5;
	text-decoration:underline;
}
.qqq_content h2{
	text-align:left;
	font-size:12px;
	color:#1972d5;
	font-weight:normal;
	line-height:30px;
	padding-left:20px;
	width:285px;
	_margin:4px 0;
}
.qqq_content h2 a{
	color:#1972d5;	
	margin-left:4px;	
}
.qqq_content h2 a:hover{
	color:#1972d5;
	text-decoration:underline;
}
.tongdao_main{
	width:305px;
	height:210px;	
}
.tongdao1{
	display:block;
	height:60px;	
	width:265px;
	margin:10px 0 0 13px;
	background:url(../images/home/tongdao1.png) no-repeat;
}
.tongdao2{
	display:block;
	height:60px;	
	width:265px;
	margin:10px 0 0 13px;
	background:url(../images/home/tongdao2.png) no-repeat;
}
.tongdao3{
	display:block;
	height:60px;	
	width:265px;
	margin:10px 0 0 13px;
	background:url(../images/home/tongdao3.png) no-repeat;
}
#banner .tp-caption .sildeTitle p {
 color: #222222;
 font-size: 65px;
 font-weight: 900;
 line-height: 70px;
 width:100%;
}
/*右上角客服*/
@media(max-width:1200px){

	.seo-theme .our-project .row .mix{ width:25%;}
	.index_floatnav{ float:none;}
	}
@media(max-width:991px){
	  .seo-theme .service-large-sidebar .image-content img{ width:100%;}
	    .index_navfloat{ float:none;}
	  	.index_nav{ margin:10px 0 10px 0;}
		.seo-theme .theme-inner-bannernew{ margin-bottom:50px;}
		.new_list{ margin-bottom:50px;}
}
@media(max-width:768px){
	.details_tablephone{ display:block;}
	.fwqzy_table{ display:none;}
	.yun_server {
    margin-top: 50px;
	}
	.seo-theme .theme-inner-banner{ margin-bottom:50px;}
	.seo-theme .hb_banner{ margin-bottom:0;}
	.index_fwqzy{ margin-top:0;}
	
	.index_nav{ margin:10px 0 0 0;}
	
	.qqqkuang {
     position: fixed;
     top: 50%;
    z-index: 10100;
    margin-top: -254px;
     padding: 4px;
}
.qqqkuang {
	width:95%;
     top: 50%;
     margin-top: -254px;
   left:10px;
  margin-left:auto;
  }
        .qqq_content {
            height:420px;
            overflow-y:auto;
        }
		
		
		#pageflip .imgsm1{ top:70px; transition:all .3s ease-in-out;}
		#pageflip .msg_sm1{ top:70px; transition:all .3s ease-in-out;}
}
@media(max-width:767px){
	.pay_bank a img{max-width:100px;/* max-height: 100%; */}
	}
@media (max-width: 640px){
	#banner .tp-caption .sildeTitle p {
 color: #222222;
 font-size: 25pt;
 font-weight: 900;
 line-height: initial;
 width: 90%;
}
.sildeTitle {
    color: rgb(34, 34, 34);
    
    font-weight: 900;
    line-height: 70px;
    width: 100%;
}
    .news_box {
   height:initial;
}
    .float-right.right-side {
    display:none;
    }
    .font_inner li a p {
    width:320px
    }
	.logo a {
	  font-size: 32px;
	  display: block;
	  /* margin: 0 auto; */
	}
	.logo {
	  /* padding: 17px 0 0 17px; */
	}
	.banner-text h3 {
	  font-size: 32px;
	}
	.banner-text {
	  width: 66%;
	}
	.banner-text h3 span {
	  font-size: 21px;
	  margin: 10px 0 9px 0;
	}
	.read a {
	  padding: 5px 7px;
	  font-size: 14px;
	}
	.down-arrow span {
	  font-size: 22px;
	}
	.read {
	  padding-bottom: 16px;
	  margin-top: 15px;
	}
	.banner {
	  min-height: 395px;
	}
	.banner-bottom, .qualified, .welcome-grids, .about, .blog-page, .blog-section, .typrography, .treatments, .contact-us {
	  padding: 50px 0;
	}
	.banner-bottom p {
	  margin-bottom: 20px;
	  }
	.sti-menu li {
	  padding: 4px;
	}
	.sti-menu li a h4 {
	  top: 79px;
	  left: 24px;
	  font-size: 17px;
	  }
	.sti-menu li a p {
	  top: 110px;
	  }
	.sti-menu li:nth-child(1) a h4 {
	  left: 30px;
	}
	.sti-menu li {
	  height: 179px;
	}
	.measure h3 {
	  font-size: 25px;
	}
	.measure {
	  padding: 50px 0 0 0;
	  min-height: 168px;
	}
	.qualify-left {
	  float: left;
	  width: 100%;
	}
	.qualify-right.grid {
	  float: left;
	  width: 100%;
	  padding: 0;
	  margin-top: 25px;
	}
	.qua-right-gd img {
	  width: 46%;
	}
	.qualify-left-grids:nth-child(2) {
	  margin-top: 35px;
	}
	.welcome-grid {
	  float: left;
	  width: 33.3%;
	  padding: 0 7px;
	}
	.welcome-grid:nth-child(5) {
	  margin-top: 30px;
	}
	.welcome-grid:nth-child(5) {
	  margin-top: 30px;
	  width: 100%;
	}
	.welcome-grid:nth-child(5) .ih-item.circle {
	  width: 33.3% !important;
	}
	.login-pad {
	  width: 43%;
	  padding: 13px;
	}
	.about-grid-left img {
	  width: 81%;
	}
	.about-grid h4 {
	  font-size: 20px;
	}
	.about-grid p {
	  margin: 10px 0;
	}
	.about-bottom {
	  padding: 50px 0 0 0;
	}
	.about-bottom-grid-left {
	  float: left;
	  width: 100%;
	  padding: 0;
	}
	.about-bottom-grid-left h4 {
	  margin: 0 0 8px 0;
	  }
	.about-bottom-grid-right {
	  margin-top: 30px;
	  padding-right: 0;
	  float: left;
	  width: 100%;
	  padding: 0;
	}
	.about-bottom-grid-right-grid {
	  float: left;
	  width: 50%;
	}
	.about-bottom-grid-right-grid:nth-child(2) {
	  margin: 0;
	}
	.about-bottom-grid-right-grdr {
	  float: left;
	  width: 64%;
	  margin-left: 13px;
	}
	.about-bottom {
	  min-height: 535px;
	}
	.blog-page-grids-bot {
	  float: left;
	  width: 100%;
	}
	.blog-page-grids-bot1 {
	  float: right;
	  width: 100%;
	  margin-top: 30px;
	}
	.blog-page-grids {
	  margin-bottom: 20px;
	}
	.sing-img-text {
	  float: left;
	  width: 100%;
	}
	.sing-img-text-left {
	  float: right;
	  width: 100%;
	}
	.leave-a-comment {
	  background: #fff;
	  padding: 0;
	}
	.leave-a-comment textarea {
	  margin: 15px 0;
	  }
	.leave-a-comment textarea {
	  height: 138px;
	}
	.leave-a-comment input[type="submit"] {
	  font-size: 13px;
	}
	.map-home iframe {
	  min-height: 414px;
	}
	.view {
	  width: 282px;
	  height: 159px;
	}
	.view p {
	  font-size: 13px;
	  line-height: 1.8em;
	  padding: 11px 7px 7px;
	}
	.view-sixth h4 {
	  margin: 11px 0px 0px 0px;
	}
	.contact-grid.text-center {
	  float: left;
	  width: 33.3%;
	  padding: 0 10px;
	}
	.contact-info input[type="text"] {
	  width: 31%;
	  }
	.contact-info input[type=submit] {
	  font-size: 13px;
	}
	.point-icon span {
	  font-size: 30px;
	}

}
@media (max-width: 568px){
	.contact-info input[type="text"]:nth-child(2) {
	  margin: 0 14px;
	}
		.service-middle-text{ display:none;}
	.seo-theme .pricing-plan { display:block; margin-top:50px;}
}
@media(max-width:421px){
	.news_menu{ width:297px;}
	.news_menu a{ width:93px;}
	}
@media (max-width: 480px){
    .col-md-2.col-sm-6.footer-list {
    width:50%;
    float:left;
    }
     .col-md-2.col-sm-6.footer-list .left30{
     margin-left:0
    }
    .col-md-3.col-sm-12.footer-latest-news {
    width:100%
    }
	.view {
	  margin: 0;
	  width: 100%;
	  height: 241px;
	}
	.banner.page-head {
	  min-height: 100px !important;
	}
	.view p {
	  font-size: 13px;
	  line-height: 2em;
	  padding: 27px 23px 23px;
	}
	.view-sixth h4 {
	  margin: 34px 0px 0px 0px;
	}
	.view h4 {
	  padding: 0 0 16px 0;
	}
	.view h4 {
	  font-size: 23px;
	}
	.view {
	  margin: 0 0 30px 0;
	  }
	.view:nth-child(9){
	margin:0;
	}
	.view:nth-child(12) {
	  margin: 0;
	}
	.search {
	  right: 57px;
	  }
	.banner-text {
	  width: 100%;
	}
	.banner {
	  min-height: 370px;
	}
	.sti-menu li {
	  width: 48%;
	  }
	.sti-menu li a h4 {
	  top: 79px;
	  left: 60px;
	  }
	.sti-menu li:nth-child(1) a h4 {
	  left: 66px;
	}
	.sti-menu li a p {
	  left: 19px;
	  }
	.sti-menu li:nth-child(3),.sti-menu li:nth-child(4)  {
	  margin-top: 25px;
	}
	.measure h3 {
	  font-size: 22px;
	}
	.measure {
	  padding: 50px 0 0 0;
	  min-height: 156px;
	}
	.welcome-grid {
	  float: left;
	  width: 50%;
	  }
	.welcome-grid:nth-child(5) {
	  width: 50%;
	}
	.welcome-grid:nth-child(5) .ih-item.circle {
	  width: 100% !important;
	}
	.welcome-grid:nth-child(5),.welcome-grid:nth-child(4)  {
	  margin-top: 30px;
	  }
	.login-pad {
	  margin: 2em 1.5em 0 0;
	}
	.login-pad {
	  width: 54%;
	  }
	.about-grid-left.text-center {
	  float: left;
	  width: 100%;
	  padding: 0;
	  margin-bottom: 30px;
	}
	.about-grid {
	  padding: 0;
	  float: left;
	  width: 100%;
	}
	.about-bottom-grid-right-grid {
	  float: left;
	  width: 100%;
	}
	.about-bottom-grid-right-grdl {
	  float: left;
	  width: 38%;
	}
	.about-bottom-grid-right-grdr {
	  float: left;
	  width: 55%;
	  }
	.about-bottom-grid-right-grid:nth-child(2) {
	  margin: 0 0 25px 0;
	}
	.about-bottom {
	  min-height: 820px;
	}
	.blog-page-grid h3 {
	  font-size: 18px;
	}
	.blog-page-grid1 {
	  float: left;
	}
	.blog-page-grid1 p {
	  margin: 1em 0 0;
	}
	.blog-page-grid p {
	  margin: 13px 0 0 0;
	}
	.blog-page-grid {
	  float: left;
	  width: 100%;
	}
	.categories-mid {
	  margin: 1.5em 0;
	}
	.leave-a-comment input[type="text"]:nth-child(2) {
	  margin: 15px 0;
	}
	.leave-a-comment input[type="text"] {
	  float: left;
	  width: 100%;
	  }
	p.est {
	  margin: 17px 0 35px;
	}
	.contact-info input[type="text"]:nth-child(2) {
	  margin: 15px 0px;
	}
	.contact-info input[type="text"] {
	  width: 100%;
	}
	.contact-info input[type="text"] {
	  margin: 0 0px 0px 0;
	  }
	.contact-info input[type=submit] {
	  margin: 0;
	}
	.contact-info textarea {
	  height: 120px;
	  margin: 15px 0;
	}
	.about-grid-left img {
	  width: 100%;
	}
}
@media (max-width: 414px){
	.contact-grid.text-center {
	  float: left;
	  width: 100%;
	  }
	.contact-grid p {
	  width: 53%;
	}
	.point-icon {
	  margin-bottom: 10px;
	}
	.contact-grid:nth-child(2) {
	  margin: 25px 0;
	}
	.contact-grid{
	  padding: 0;
	}
	.contact-info {
	  margin-top: 30px;
	}
	.banner-text h3 {
	  font-size: 26px;
	}
	.banner-text h3 span {
	  font-size: 17px;
	  margin: 6px 0 5px 0;
	}
	.banner-text {
	  width: 98%;
	}
	.logo {
	  /* padding: 9px 0 0 9px; */
	}
	.read a {
	  padding: 3px 7px;
	  font-size: 13px;
	}
	.banner-bottom, .qualified, .welcome-grids, .about, .blog-page, .blog-section, .typrography, .treatments, .contact-us {
	  padding: 40px 0;
	}

	div#banner-bottom h3 {
	  margin-bottom: 14px;
	}
	.sti-menu li a h4 {
	  left: 44px;
	}
	.sti-menu li:nth-child(1) a h4 {
	  left: 51px;
	}
	.sti-menu li a p {
	  left: 5px;
	}
	.sti-menu li {
	  height: 164px;
	}
	.sti-menu li:nth-child(3), .sti-menu li:nth-child(4) {
	  margin-top: 10px;
	}
	.measure h3 {
	  font-size: 20px;
	}
	.measure {
	  padding: 40px 0 0 0;
	  min-height: 138px;
	}
	h3.tittle {
	  font-size: 23px;
	}
	.qua-right-gd img {
	  width: 70%;
	}
	.qualify-left-grids:nth-child(2) {
	  margin-top: 30px;
	}
	.about-bottom {
	  min-height: 765px;

	}
	.login-pad {
	  width: 63%;
	}
	.blog-page-grid h3 {
	  font-size: 17px;
	  line-height: 1.5em;
	}
	.blog-page-grid p {
	  margin: 7px 0 0 0;
	}
	.blog-page-grid1 p {
	  margin: .7em 0 0;
	}
	.more a {
	  font-size: 13px;
	  }
	.blog-pag {
	  margin-bottom: 45px;
	}
	.categories h3, .search h3, .related-posts h3, .leave-a-comment h3, .sing-img-text h3 {
	  line-height: 1.5em;
	}
	.media-body h4 {
	  font-size: 16px;
	  }
	.view {
	  height: 204px;
	}
	.view p {
	  padding: 16px 23px 23px;
	}
}
@media (max-width: 320px){
	.search {
	  width: 44px;
	  right: 52px;
	  padding: 9px 11px 10px 0px;
	}
	.logo {
	  padding: 7px 0 0 7px;
	}
	.banner.page-head {
	  min-height: 80px !important;
	}
	.contact-grid p {
	  width: 69%;
	}
	.login-pad {
	  width: 84%;
	}
	.banner-text h3 {
	  font-size: 22px;
	}
	.banner-text {
	  width: 97%;
	}
	.banner-text p {
	  line-height: 1.8em;
	}
	.banner-text h3 span {
	  font-size: 15px;
	  margin: 4px 0 2px 0;
	}
	.banner-info {
	  margin-top: 24px;
	}
	.banner {
	  min-height: 340px;
	}
	.sti-menu li a h4 {
	  left: 22px;
	}
	.sti-menu li:nth-child(1) a h4 {
	  left: 31px;
	}
	.sti-menu li {
	  height: 175px;
	}
	.measure {
	  min-height: 160px;
	}
	.qua-left-gd p {
	  line-height: 1.8em;
	}
	.qua-left-gd {
	  float: left;
	  width: 72%;
	}
	.qua-right-gd {
	  float: right;
	  width: 28%;
	}
	.grid figure figcaption {
	  padding: .2em;
	}
	figure.effect-moses p {
	  line-height: 1.8em;
	}
	.info h4 {
	  padding-top: 29px;
	}
	.qualified h3 {
	  font-size: 20px;
	}
	.about-bottom-grid-left h4 {
	  font-size: 19px;
	}
	.about-bottom-grid-right-grdr {
	  float: left;
	  width: 64%;
	}
	.about-bottom-grid-right-grdl {
	  float: left;
	  width: 31%;
	}
	.about-bottom {
	  min-height: 840px;
	}
	.copy-right {
	  padding: 12px 0;
	}
	.blog-page-grids-bot1 h4 {
	  font-size: 19px;
	}
	.blog-page-grids-bot1 ul li {
	  margin-right: 1em;
	}
	.categories h3, .search h3, .related-posts h3, .leave-a-comment h3, .sing-img-text h3 {
	  font-size: 19px;
	}
	.sing-img-text1 {
	  padding: 1em 0 2em 0;
	}
	.sing-img-text h3 {
	  padding-bottom: 9px;
	}
	p.est {
	  margin: 12px 0 35px;
	}
	.related-post {
	  margin: 1.5em 0;
	}
	.leave-a-comment textarea {
	  height: 115px;
	}
	.leave-a-comment input[type="text"], .leave-a-comment textarea {
	  padding: 8px 7px;
	  }
	.view {
	  height: 154px;
	}
	.view {
	  margin: 0 0 20px 0;
	}
	.view p {
	  padding: 4px 15px 15px;
	}
	.view h4 {
	  padding: 0 0 6px 0;
	}
	.view h4 {
	  font-size: 23px;
	}
	.view-sixth h4 {
	  margin: 8px 0px 0px 0px;
	}
    .view p {
    line-height: 1.8em;
    }
	.draw-gift{ left:-15px;}
}


.flex{display: flex;align-items: center;justify-content: space-between;}

.index_wyfw > .w{ position: relative;}
.index_wyfw .swiper-container{ border-radius: 10px; background: #fff; box-shadow: 1px 1px 20px rgba(0,0,0,.1);}
.index_wyfw .swiper-slide .flex{ padding: 3% 110px;}
.index_wyfw .swiper-slide .left{ width: 60%; flex: 0 0 auto;float: left;}
.index_wyfw .swiper-slide .right{ width: 40%; flex: 0 0 auto;float: right;}
.index_wyfw .swiper-slide .left .t b{ color: #007bfc; font-weight: 400;}
.index_wyfw .swiper-slide .left .t{ padding-bottom: 15px;}
.index_wyfw .swiper-slide .left .t + div{ min-height: 75px;}
.index_wyfw .swiper-button-next,
.index_wyfw .swiper-button-prev{ width: 60px; height: 60px;}
.index_wyfw .swiper-button-next{ right: -19px;}
.index_wyfw .swiper-button-prev{ left: -21px;}
.index_wyfw .swiper-button-next::after{ background: url(/Content/images/wuyoufuwu-next.png); left: -22px; top: -19px;}
.index_wyfw .swiper-button-prev::after{ background: url(/Content/images/wuyoufuwu-prev.png); left: -22px; top: -19px;}
.index_wyfw .swiper-button-next::after,
.index_wyfw .swiper-button-prev::after{ content: ""; display: block; width: 108px; height: 108px; position: absolute; pointer-events: none;}
.index_wyfw .swiper-slide{ opacity: 0 !important;}
.index_wyfw .swiper-slide-active{ opacity: 1 !important;}
.index_wyfw .swiper-slide-active .left{ animation-duration: 1s; animation-name: fadeInLeft;}
.index_wyfw .swiper-slide-active .right{ animation-duration: 1s; animation-name: fadeInRight;}
@media screen and (max-width:1430px){
.index_wyfw .swiper-button-next{ right: 25px;}
.index_wyfw .swiper-button-prev{ left: 20px;}
}
@media screen and (max-width:960px){
.index_wyfw .swiper-button-next,
.index_wyfw .swiper-button-prev{ transform: scale(0.7)}
.index_wyfw .swiper-slide .flex{ padding: 3% 80px;}
}
@media screen and (max-width:640px){
.index_wyfw .swiper-slide .flex{ display: block; position: relative; padding: 15px;}
.index_wyfw .swiper-button-next{ right: 10px;}
.index_wyfw .swiper-button-prev{ left: 8px;}
.index_wyfw .swiper-button-next,
.index_wyfw .swiper-button-prev{ opacity: .8;}
.index_wyfw .swiper-slide .left{ width: 100%; padding-top: 170px; text-align: center;}
.index_wyfw .swiper-slide .left .t + div{ font-size: 14px;}
.index_wyfw .swiper-slide .right{ position: absolute; left: 80px; top: 15px; bottom: 0; right: 80px;}
.index_wyfw .swiper-slide .right img{ position: absolute; right: 0; left: 0; margin: 0 auto; top: 0; max-width: 100%; max-height: 150px;}
}
.f-56{ font-size: 56px;}
.f-28 {
    font-size: 28px;
}
@media screen and (max-width:768px) {
    .f-28 {
        font-size: 17px;
    }
    .f-56 {
        font-size: 28px;
    }
}